Navegador atualizar o comportamento

StackOverflow https://stackoverflow.com/questions/52213

  •  09-06-2019
  •  | 
  •  

Pergunta

Quando um usuário acessa Atualizar no seu navegador, ele recarrega a página, mas mantém o conteúdo dos campos do formulário.Enquanto eu posso ver isso sendo um padrão útil, ele pode ser irritante em algumas páginas dinâmicas, levando a uma ruptura experiência do usuário.

Existe uma maneira, em cabeçalhos de HTTP ou equivalentes, para mudar este comportamento?

Foi útil?

Solução 

<input autocomplete="off">

Outras dicas

Isso deve fazer o truque:

<body onload="document.FormName.reset();">

Substituir FormName com o nome do formulário e, em seguida, todos os campos serão repostas quando o usuário clica em atualizar no seu navegador.

Ou se você apenas deseja repor alguns campos, adicione isso ao final de sua página:

<script type="text/javascript">
    document.getElementById('field1').value ='';
    document.getElementById('field2').value ='';
    document.getElementById('field3').value ='';
</script>

Que vai repor os campos de cada vez que um usuário entra na página, incluindo atualizações

Adicionar atributo autocomplete definido para "off" para as entradas que você não quer ser atualizada.Por exemplo:

<input type="text" name="pin" autocomplete="off" />

ver o W3C referência

embora não mencionado na referência, ele funciona também com caixas de seleção, pelo menos no firefox.

Você poderia chamar o reset() método do objeto de formulários a partir de o corpo de evento carregar do seu documento html para limpar os formulários.

h1.Referências

Eu me pergunto, se você definir a página a não ser armazenado em cache por meio de meta tags, que vai resolver o problema? http://lists.evolt.org/archive/Week-of-Mon-20030106/131984.html Se isso acontecer, ele vai ter o benefício de trabalhar em browser está com o Javascript desactivado.

Os dados em formulários não são parte da especificação do w3c.É um recurso do navegador para facilitar sua vida.Então, se você não quiser manter os dados depois de recarregar, você pode definir todos os valores para null após carregá-lo, como Espo disse.Mesmo se a página não é armazenada em cache, ele irá exibir os dados no formulário, porque os dados ainda não faz parte do html da página de código.Você pode tentar isso também (não sei se ele vai funcionar):

<input type="text" name="foo" value="">
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top