JavaScript 设置文本框不能输入的方法主要有: 1, 使用 onfocus=this.blur() 让文本框无法获取焦点实现不能输入. 2, 使用 readonly 属性设置文本框为只读. 3, 使用 disable 属性禁用 input 元素.
JavaScript 设置文本框不能输入的方法实现:
方法 1:
onfocus=this.blur(),blur 的作用就是去除聚焦, 也就是你不能把光标放在这个文本框上, 换句话说就是你不能输入文本了
<input type="text" name="input1" value="中国" onfocus=this.blur()>
方法 2:readonly
readonly 属性规定输入字段为只读.
只读字段是不能修改的. 不过, 用户仍然可以使用 tab 键切换到该字段, 还可以选中或拷贝其文本.
readonly 属性可以防止用户对值进行修改, 直到满足某些条件为止 (比如选中了一个复选框). 然后, 需要使用 JavaScript 消除 readonly 值, 将输入字段切换到可编辑状态.
- readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用.
- <input type="text" name="input1" value="中国" readonly>
- <input type="text" name="input1" value="中国" readonly="true">
方法 3: disabled
disabled 属性规定应该禁用 input 元素.
被禁用的 input 元素既不可用, 也不可点击. 可以设置 disabled 属性, 直到满足某些其他的条件为止 (比如选择了一个复选框等等). 然后, 就需要通过 JavaScript 来删除 disabled 值, 将 input 元素的值切换为可用.
- 注释: disabled 属性无法与 <input type="hidden"> 一起使用.
- <input type="text" name="input1" value="中国" disabled>
- <input type="text" name="input1" value="中国" disabled="true">
disabled="disabled" 这样定义之后被禁用的 input 元素既不可用, 也不可点击.
readonly="readonly" 只读字段是不能修改的.
JS 动态实现文本框不可编辑状态:
两种方法:
1, 不可编辑, 可以传值
$("#id").attr("readOnly",false);
2, 不可编辑, 不可以传值
$("#id").attr("disabled",false);
注意 readOnly 中的 O 是大写
attr() 方法
attr() 方法设置或返回被选元素的属性和值.
当该方法用于返回属性值, 则返回第一个匹配元素的值.
当该方法用于设置属性值, 则为匹配元素设置一个或多个属性 / 值对.
来源: http://www.css88.com/qa/javascript/11622.html