html表单

发表于 | 分类于 ， | |

禁止文本框的记忆性输入

禁止文本框的记忆性输入 ,input ,textbox

设置表单属性AUTOCOMPLETE为OFF

1
<form method="post" AUTOCOMPLETE="OFF">

设置单个输入框

1
<input type="text" AUTOCOMPLETE="OFF">

如果要禁止文本框使用输入法，可以把在它的样式中添加 ime-mode : disabled 即可，但是这样并不能禁止输入汉字，因为用户还是可以通过复制粘贴输入汉字的

1
<input type="text" style="ime-mode: disabled;">

提交表单后清空输入框内容

如何使表单提交后,清空表单中文本框的内容

提交按钮的onClick方法指定表单提交之后执行reset方法

1
2
3
4
<form id="form1" method="post">
  <input type="text" id="text1">
  <input type="button" value="Submit" onClick="form1.submit();form1.reset();">
</form>

让select下拉列表只读

如何让select下拉选择只读
如何把select选项给只读，让他不可选，但数据还是保存在下拉表中

1
2
3
4
5
6
7
<select onchange="selectedIndex=this.defaultChecked">
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>

<select onfocus="this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture()">

强制页面图片刷新

不刷新页面，如何强制图片刷新？

只要保证每次src的字符串不同就会重取

1
2
3
4
var date=new Date();
img1.src=图片地址+"?"+date.toLocaleString();
//or
img1.src=img1.src + "?" + (new Date().getTime())

用get方法丢失参数

用get方法丢失参数啦 请指教

如果提交的表单action中跟的参数与表单中的某个参数重名，则会造成参数丢失的情况，这时设置表单的method方法为post即可。或者写入隐藏域中，即使用<input type="hidden">

表单中的button类型问题

button会自动提交表单吗

如果在表单中使用了button标签，一定要为其指定type类型，如果不指定，IE默认其为button类型，而FF,Chrome等浏览器则认定其默认类型为Submit,因此点击button会提交表单。为了预防表单提交，可以设置表单的onSubmit方法返回false，然后再指定button的点击事件为提交方法：

1
2
3
<form action="" method="post" id="form1" onSubmit="return false">
  <button type="button" onClick="submitForm()">
</form>