火狐下,表单无法刷新重置问题的分析与解决
www.firnow.com 时间 : 2010-12-27 作者:佚名 编辑:fnw 点击: 321 [ 评论 ]
-
-
如下的最简单的HTML代码
1 | < input id = "name" ID = "CSDN" value = "java2000.net" /> |
在Firefox 下面,如果你更改了表单的内容,然后你点击刷新按钮,你会发现,文本框里面的数值并没有回复到原始值,而是你修改后的数值。
有2种猜测
1 火狐缓冲了页面,发现文件没有改变,所以页面也不变
2 火狐替你自动填写了你刚才填写的东西,类似自动填表功能
测试发现,即使修改代码为
1 | < meta http-equiv = "pragma" content = "no-cache" /> |
2 | < META HTTP-EQUIV = "CACHE-CONTROL" CONTENT = "NO-CACHE" > |
3 | < META HTTP-EQUIV = "EXPIRES" CONTENT = "Mon, 22 Jul 2002 11:12:01 GMT" > |
4 | < input id = "name" ID = "CSDN" value = "java2000.net" /> |
依然无效,因为文件内容改变了,可是文本框依然还是没有回复原始值
第一种可能被排除了
第二种,打开Firefox 发现了自动填表功能,但是他前面的选择框并没有选中,看来也不是这里。
经搜索发现,这个问题还是挺普遍的,最终在firefox的网站找到了答案
http://developer.mozilla.org/en/docs/How_to_Turn_Off_Form_Autocompletion
将文本框修改为
1 | < input id = "name" value = "java2000.net" autocomplete = "off" /> |
如果是单个字段,可以在字段上书写,如果整个表单,则可以在form上书写
1 | < form name = "form1" id = "form1" method = "post" autocomplete = "off" / > |
问题解决!