智能表单
2018-08-27 本文已影响0人
仆歌
智能表单元素
- 新增input表单元素类型
| 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>
