input禁止输入

输入框禁止输入

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

开始随手写了一个  ：<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="" /> 属性

应用此属性之后 读写都被禁用（在form中提交也不行）

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

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