荟萃馆

请输入关键字词

热门搜索排行

位置：首页 > 设计 > 网页设计

如何禁止input文本框输入

网页设计1.23W

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

如何禁止input文本框输入

　　readonly禁用input文本框

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

代码如下：

<input type="text" name="" readonly="readonly" />

　　disabled禁用input文本框

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

<input type="text" name="" disabled="disabled" />

[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="();">

<br>

</body>

</html>

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

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

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

　　整个表单禁止自动完成

<FORM method=post action="" AUTOCOMPLETE="OFF">

　　禁止文本框自动完成

<input type="text" name="creditcard" maxlength="16" AUTOCOMPLETE="OFF">

　　在脚本中禁止自动完成

function init()

{

ttribute("AutoComplete", "off");

}

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

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

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

标签：文本框 input 输入 禁止

相关文章