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="我其实存在">
以上属性的网页效果展示:
![8f8e3ef33957b2294291c1144a12c5a3.png](https://i-blog.csdnimg.cn/blog_migrate/6e2ec09c208edc34fe11f52f86424a14.jpeg)
对网页效果展示的补充说明:
①默认不让操作的表单是不能操作的
②只读不能修改的表单,是不能往里面写东西的,只能看它在表单里显示的默认文字
③“请输入密码”这几个提示字,在你真正把光标定进去输入时,就没了
④自动获取焦点的表单是有鼠标的光标在闪的
⑤最大限制的会根据你设置的个数,输入超过个数就输入不进去了
⑥最后一个就不用解释了,效果明显呐~~~~~~~~~~
虫总结:
~~~~希望我的文章能一不小心帮助到正在疑惑的你们~~~~