不能获取input焦点_input表单一些“非常好用的”属性

input表单在我们的网页中可是必不可少的。大家都知道表单的属性可以让我们达到我们想要的表单的效果，从而根据我们的需求设计表单，这样更能增加用户的体验！

接下来我列了几个“非常好用的”属性。赶紧学起来吧~

• disabled：不可用的
• readonly：只读
• placeholder：默认提示信息
• autofocus：网页一打开自动获取焦点
• maxlength：限制最大的输入个数

以上属性的实际使用代码：

不可用的表单：<input type="text" value="用户名" disabled="disabled"><br/><br/>

只读不能写：<input type="text" value="只读不能修改" readonly="readonly"><br/><br/>

输入框中的提示信息：<input type="password" placeholder="请输入密码"><br/><br/>

自动获取焦点：<input type="text" autofocus="autofocus"><br/><br/>

限制输入个数：<input type="text" maxlength="6"><br/><br/>

隐藏域(页面看不到的表单)：<input type="hidden" id="" value="我其实存在">

以上属性的网页效果展示：

对网页效果展示的补充说明：

①默认不让操作的表单是不能操作的

②只读不能修改的表单，是不能往里面写东西的，只能看它在表单里显示的默认文字

③“请输入密码”这几个提示字，在你真正把光标定进去输入时，就没了

④自动获取焦点的表单是有鼠标的光标在闪的

⑤最大限制的会根据你设置的个数，输入超过个数就输入不进去了

⑥最后一个就不用解释了，效果明显呐~~~~~~~~~~

虫总结：

~~~~希望我的文章能一不小心帮助到正在疑惑的你们~~~~