(1) HTML 5表单特性
1. placeholder
这是一个占位符。该特性用于简短的描述。
<input type="text" placeholder="请输入您的账号">
2. autofocus
autofocus,自动焦点。添加该特性的input字段会在页面渲染完以后自动获取焦点。
3. autocomplete
autocomplete,自动完成。特性根据用户输入的内容自动完成表单。默认状态是on,一般情况下不必对他进行设置。
4. required
required,必需的。浏览器会在用户提交表单之前,要求用户在字段中输入数据。
5. pattern
pattern,模式。它能指定一个正则表达式,以便用于对字段的值进行检查。
6. list和datalist
list(列表)特性让用户能够将一个选项列表与一个特定的字段关联在一起。list特性的值必须与同一个文档中的一个datalist(数据列表)元素的ID相同。
<label>你最爱的水果:
<datalist id="fruits">
<option value="Blackberry">Blackberry</option>
<option value="Blackcurrant">Blackcurrant</option>
<option value="Blueberry">Blueberry</option>
</datalist>
<input type="text" name="fruits" list="fruits">
</label>
7. multiple
可以使用multiple使list和datalist更进一步,以允许用户输入datalist中的多个值。
8. novalidate与formnovalidate
特性表示表单提交时不需要进行验证。
9. form
这是个特性!不是form表单哦。用于将input、select或者textarea与一个表单关联起来。
10. formaction、formenctype、formmethod和formtarget
目前没有用到,暂不做解释了吧。
(2) 新的输入类型
1. search
2. email
3. url
4. tel
5. number
6. range
7. date
8. color