火狐下,表单无法刷新重置问题的分析与解决

来源:互联网 发布:js 文本框中数值 合计 编辑:程序博客网 时间:2024/06/07 23:08
如下的最简单的HTML代码
 
<input id="name" ID="CSDN" value="java2000.net"/>
在Firefox 下面,如果你更改了表单的内容,然后你点击刷新按钮,你会发现,文本框里面的数值并没有回复到原始值,而是你修改后的数值。
有2种猜测
1 火狐缓冲了页面,发现文件没有改变,所以页面也不变
2 火狐替你自动填写了你刚才填写的东西,类似自动填表功能

测试发现,即使修改代码为
<meta http-equiv="pragma" content="no-cache" />
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 22 Jul 2002 11:12:01 GMT">
<input id="name" ID="CSDN" value="java2000.net"/>
依然无效,因为文件内容改变了,可是文本框依然还是没有回复原始值
第一种可能被排除了

第二种,打开Firefox 发现了自动填表功能,但是他前面的选择框并没有选中,看来也不是这里。

经搜索发现,这个问题还是挺普遍的,最终在firefox的网站找到了答案
http://developer.mozilla.org/en/docs/How_to_Turn_Off_Form_Autocompletion

将文本框修改为
<input id="name"   value="java2000.net" autocomplete="off" />

如果是单个字段,可以在字段上书写,如果整个表单,则可以在form上书写
<form name="form1" id="form1" method="post" autocomplete="off"

问题解决!
原创粉丝点击