form表单中非常简单又实用的知识

required和placeholder的应用

例如<input required minlength="2" maxlength="10" placeholder="请输入长度为2到10位">
<input pattern="1d{10}" placeholder="输入手机号">
输入框要求输入以1开头的11位手机号,placeholder的作用是在输入框之中显示一个提示的语句。

label标签的应用

例如<label><input type="checkbox" name="**" value="**">汽车</label>

在这个例子当中如果没有label这个标签那么选中时只有点击checkbox前面的小框才能选中,加入了label标签之后变成点击“苹果”二字也可以选中。

autofocus的应用

例如<input name="username" placeholder="输入用户名" autofocus>
autofocus的作用在于当使用了这个属性之后打开这个html后焦点会默认在这个输入框里面

控件状态

<input type="" name="" value="" readyonly disabled>
readonly的作用是在这个文本框输入了之后的内容是不可修改的,disabled的作用是输入的数据不提交到服务器当中。

accesskey的应用

<input accesskey="z" placeholder="Press
Ctrl+Alt+z">
这里的作用相当于按了Ctrl+Alt+I将focus会到这个输入框之中。

IT文库 » form表单中非常简单又实用的知识
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址