div 的 autocomplete='off' 功能

Question

I am using divs to hold all inputs. When I refresh F5 in Firefox values that were entered (but not saved) remains on the form.

How do I force all inputs to be empty when they are really empty after page refresh?

A solution would be autocomplete='off' , but it's good only for a form.

Is there a similar functionality when a div is holding the input elements?

A HTML, JavaScript or jQuery solution would be ok.

EDIT: Also another solution could be applying autocomplete='off' to all inputs but I think this is not an elegant solution..

Answer 1

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

Answer 2

While loading of page, just put inside the document.ready statement of jquery

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

Example :

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

  });
</script>

Just try this at your html page.

<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