如何禁用文本框
解决思路:
设置文本框的 disabled 或 readonly属性为true 即可。
具体步骤:
代码示例:
<input onmouseover="alert()">
<input onmouseover="alert()" readonly="true">
<input onmouseover="alert()" disabled="true">
技巧:readonly="true" 可以直接写为 readonly, disabled ="true" 可以直接写为
disabled。
特别提示
代码运行后,鼠标分别移到三个文本框上,第一、二个文本框将。将弹出警告框,而第三
个没有。
特别说明
从本例可以看出,当设置对象的 disabled 属性为 true 是,对象将不可与用户进行事件
交互,事实上,如果文本框在表单中,也不会被提交。而 readonly 设为 true 时仅仅是
内容不可直接修改,是只读属性的。
disabled 设置或获取控件的状态。
readOnly 设置或获取表明对象内容是否为只读的值。