js随记-如何将文本框设置为不可编辑

JS实现文本框不可编辑
方法1: onfocus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="中国" onfocus=this.blur()> 
方法2:readonly  <input type="text" name="input1" value="中国" readonly>  <input type="text" name="input1" value="中国" readonly="true"> 
方法3: disabled  <input type="text" name="input1" value="中国" disabled<input type="text" name="input1" value="中国" disabled="true">


disabled="disabled"这样定义之后被禁用的 input 元素既不可用,也不可点击。

readonly="readonly" 只读字段是不能修改的。


js动态实现文本框不可编辑状态

两种方法:

 $("#id").attr("readOnly",false); 不可编辑,可以传值

 $("#id").attr("disabled",false);不可编辑,不可以传值

注意readOnly 中的O是大写

猜你喜欢

转载自blog.csdn.net/qq_36788736/article/details/77915084
今日推荐