如何禁止input文本框输入

相关推荐

如何禁止input文本框输入

　　nput文本框用于接收用户输入的信息，我们有两种方法可以禁止input文本框，一种方法是使用readonly，另一种方法是使用disabled，但二者之间还是有区别的，请看下面讲解。

　　readonly禁用input文本框

　　readonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值.

　　代码如下：

　　disabled禁用input文本框

　　disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值

　　[html] view plain copy 在CODE上查看代码片派生到我的代码片

　　<html>

　　<title>

　　</title>

　　<body>

　　html禁止input文本框输入:

　　<br>

　　readonly:<input type="text" readonly="true" value="abc"/>

　　<br>

　　disabled:<input type="text" value="bcd" disabled="disabled" />

　　<br>

　　maxlength:<input type="text" value="" maxlength="0" />

　　<br>

　　blur:<input type="text" onfocus="this.blur();">

　　<br>

　　</body>

　　</html>

　　HTML中禁止自动完成和禁用输入法收藏

　　IE提供了一个自动完成功能可以记忆我们的输入内容(如登录帐号等),方便下一次快速地录入类似资料.这确实是一个非常友好的功能, 在操作时只需用鼠标双击文本框或输入前几个字符, 系统会自动列出以前的录入历史供你选择, 大大提高录入速度及准确性. 相信大多数IE的用户都启用了这项功能.

　　然而做为网站开发者来说, 并不希望什么资料都记忆在用户的电脑上(如银行帐号和其它重要的帐号及密码), 但是我们又不能要求用户禁用自动完成的功能. 幸好IE5.0后为 INPUT type=password, INPUT type=text, FORM 等控件加入了一个 AUTOCOMPLETE的属性，要禁止控件自动完成功能，只需把AUTOCOMPLETE设为off即可，如:

　　整个表单禁止自动完成

　　禁止文本框自动完成

　　在脚本中禁止自动完成

　　function init()

　　{

　　element.setAttribute("AutoComplete", "off");

　　}

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

　　微软的.NET PASSPORT 就是这样实现的，但是因该还会有其它的方法，因为在YAHOO 和 GMAIL的实现方法就不一样。

【如何禁止input文本框输入】相关文章：

Word2010如何巧妙的输入星期10-29

如何在word箭头上输入字10-17