自动填充='关闭' div的功能

时间:2014-04-23 13:21:21

标签: javascript jquery html

我正在使用div来保存所有输入。当我在Firefox中刷新 F5 时,输入(但未保存)的值仍保留在表单上。

如果在页面刷新后它们真的为空,我如何强制所有输入为空?

解决方案是autocomplete='off',但它仅适用于表单。

当div持有输入元素时是否有类似的功能?

HTML,JavaScript或jQuery解决方案都可以。

编辑: 另一个解决方案可能是应用autocomplete =' off'所有投入,但我认为这不是一个优雅的解决方案..

2 个答案:

答案 0 :(得分:0)

您可以为每个输入使用autocomplete="off"属性。

答案 1 :(得分:0)

加载页面时,只需放入jquery的document.ready语句

$('#<form_id>')[0].reset();

示例:

<script type="javascript">
  $(function() {
     $('#<form_id>')[0].reset();  

  });
</script>

只需在您的html页面尝试此操作。

<div class="test_value"> Test </div>
<div class="test_value"> asdfTest </div>
<div class="test_value"> Tes asd fast </div>
<div class="test_value"> Testa dfasdf </div>

$(function(){
       $('.test_value').text('');
}); 

JsFiddle