HTML5 input 类型 search
<input> 元素的 search 类型是 专为用户输入搜索查询而设计的文本字段。
功能上与 text 输入相同, 但是可以通过 user agent 进行不同样式的设置。
实例
<!DOCTYPE html><html><body><form action="/example/html/action_page.aspx">搜索谷歌：<input type="search" name="googlesearch"><input type="submit"></form></body></html>
浏览器支持
表格中的数字注明了完全支持该选择器的首个浏览器版本。
| 类型 | |||||
|---|---|---|---|---|---|
| search | 5 | 10 | 4 | 5 | 10.6 |
定义与用法
<input type="search"> 用于搜索字段（搜索字段的表现类似常规文本字段）。
其他属性
除了可在所有 <input> 上的属性（无论其类型）之外，搜索字段输入还支持以下属性：
| 属性 | 描述 |
|---|---|
| list | <datalist> 元素的ID，其中包含可选的预定义自动完成选项。 |
| maxlength | 输入应接受的最大字符数。 |
| minlength | 输入可以且仍被认为有效的最小字符数。 |
| pattern | 输入内容必须匹配的正则表达式才能有效。 |
| placeholder | 空时在输入字段中显示的示例值。 |
| readonly | 一个布尔属性，指示输入的内容是否应为只读。 |
| size | 一个数字，指示输入字段应宽多少个字符。 |
| spellcheck | 控制是否对输入字段启用拼写检查，或者是否应使用默认拼写检查配置。 |
非标准属性
| 属性 | 描述 |
|---|---|
| autocorrect | 编辑此输入字段时是否允许自动更正。Safari only. |
| incremental | 是否发送重复的 search 事件以允许在用户仍在编辑字段的值时更新实时搜索结果。WebKit and Blink only (Safari, Chrome, Opera, etc.). |
| mozactionhint | 一个字符串，指示当用户在编辑字段时按 Enter 或 Return 键时将执行的操作类型； 用于确定虚拟键盘上该键的适当标签。Firefox for Android only. |
| results | 先前搜索查询的下拉列表中应显示的最大项目数。Safari only. |