如何禁止一个输入框输入

输入框禁止输入

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

开始随手写了一个 ：<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属性 就被默认为选中状态。