html登录页面点击密码文本框时不能输入密码是为什么

1、input框设置了readonly属性。readonly属性把input框设置成了只读，无法输入。

2、input框自身设置font-size为0。这种情况少见。特定情况为了消除span元素之间的间隔会让font-size为0，此时input框是内容区为0*0个像素、强行设置input宽高，这时input框显示、由于font-size为零，无法输入。

3、input框被其他元素挡住。这种情况是浮动和z-index引起，它的特点是点击input元素不会出现选中状态，排查一下html的结构，可以找到问题。

4、设置了用户不可选中文本。浏览器的一些适配问题，导致设置的user-select：none影响到了input框的正常事件。

5、returnfalse的使用清除了input框的默认事件。使用stopPropagation()。可阻止默认的冒泡事件，使用preventDefault()可消除默认事件。在使用中贪图方便直接用returnfalse来代替以上两种方法，阻止默认事件用reutrnfalse，jquery中，reutrnfalse既阻止了冒泡，又消除了默认事件。不清楚这一点很有可能在使用on绑定事件时，使用reutrnfalse消除冒泡的时候也消除了默认事件，导致input框无法输入内容。

窗口事件 (Window Events)

仅在 body 和 frameset 元素中有效。

属性 值 描述

onload 脚本 当文档载入时执行脚本

onunload 脚本 当文档卸载时执行脚本

表单元素事件 (Form Element Events)

仅在表单元素中有效。

属性 值 描述

onchange 脚本 当元素改变时执行脚本

onsubmit 脚本 当表单被提交时执行脚本

onreset 脚本 当表单被重置时执行脚本

onselect 脚本 当元素被选取时执行脚本

onblur 脚本 当元素失去焦点时执行脚本

onfocus 脚本 当元素获得焦点时执行脚本

键盘事件 (Keyboard Events)

在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。

属性 值 描述

onkeydown 脚本 当键盘被按下时执行脚本

onkeypress 脚本 当键盘被按下后又松开时执行脚本

onkeyup 脚本 当键盘被松开时执行脚本

鼠标事件 (Keyboard Events)

在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 元素。

属性 值 描述

onclick 脚本 当鼠标被单击时执行脚本

ondblclick 脚本 当鼠标被双击时执行脚本

onmousedown 脚本 当鼠标按钮被按下时执行脚本

onmousemove 脚本 当鼠标指针移动时执行脚本

onmouseout 脚本 当鼠标指针移出某元素时执行脚本

onmouseover 脚本 当鼠标指针悬停于某元素之上时执行脚本

onmouseup 脚本 当鼠标按钮被松开时执行脚

拷贝过来的很全，希望对你有所帮助！！

---