如何禁止一个输入框输入

输入框禁止输入

昨天遇到一个问题,需求是一个 输入框 只准点选赋值,不可以手动输入。

开始随手写了一个  :<input type="text" name="input" class="txt bthday" onkeydown="return false;" value="" />

结果测试说 FIREFOX 下切换成中文就可以输入~~ 崩溃

后来换成了 <input type="text" name="input" class="txt bthday" onFocus="this.blur();" value="" />

好了这下总得不到焦点了  

最终才 却想起来 原来用  <input type="text" name="input" class="txt bthday" readonly="readonly" value="" />即可解决啊!

还走了这么多弯路,忘记了这个属性

顺便提一下  <input type="text" name="input" class="txt bthday" disabled="disabled"  value="" /> 属性

应用此属性之后 读写都被禁用

 readonly="readonly"   disabled="disabled" checked="checked"属性的设置与去除 

设置只要设置相应的属性同名的值即可 比如  checked="checked" 而去除则需要去除该属性 removeAttribute 否则 即使是设置 checked="" 只要具有checked属性 就被默认为选中状态。

原帖:https://www.cnblogs.com/jack-liang/archive/2011/06/02/2067739.html

原文地址:https://www.cnblogs.com/surplus/p/13201767.html