智能表单元素
| Input表单的type新属性值 |
- |
| Type="email" |
限制用户输入必须为Email类型 |
| Type="url" |
限制用户输入必须为URL类型 |
| Type="date" |
限制用户输入必须为日期类型 |
| Type="time" |
限制用户输入必须为时间类型 |
| Type="month" |
限制用户输入必须为月类型 |
| Type="week" |
限制用户输入必须为周类型 |
| Type="number" |
限制用户输入必须为数字类型 |
| Type="range" |
产生一个滑动条的表单 |
| Type="search" |
产生一个搜索意义的表单 |
| Type="color" |
生成一个颜色选择表单 |
| 属性 |
值 |
说明 |
| Required |
required |
表单拥有该属性表示其内容不能为空，必填 |
| placeholder |
提示文本 |
表单的提示信息，存在默认值将不显示 |
| Autofocus |
autofocus |
自动聚焦属性，页面加载完成自动聚焦到指定表单 |
| Pattern |
正则表达式 |
输入的内容必须匹配到指定正则 |
配合datalist标签能实现自动补全的效果
<input type="search" name="move" list="search" >
<datalist id="search" >
<option>黑老师的由来</option>
<option>男人缘何肾虚</option>
<option>佳佳婕婕不得不说的故事</option>
</datalist>
网友评论