就像这样。<input type="search">
- 你在Safari中得到了一个额外的圆形外观，这一度与macOS的搜索输入外观相匹配，但现在已经不是了。我并不讨厌这种外观，除了...
- Safari完全无视你在它上面设置的
font-size，所以要注意这一点。除非你用-webkit-appearance: none砸掉圆圆的外观--那么你可以，所以可能92%的网站都是这样做的。 - 你会在输入里面得到一个小的×号图标（当它有一个值时），可以把它清除掉。这可能是使用它的最好的理由，而且幸运的是，即使在重新设置
appearance，你也可以保留它。 - 你可以 满意地知道你使用的是语义正确的输入类型，假设你正在建立一个真正能搜索东西的东西。
- 你可以通过自动完成功能获得过去的搜索词。浏览器存储这些过去的搜索词，并提供一个自动完成的菜单。我试图使这成为一个搜索输入特有的东西的清单，我可以证明这发生在非搜索输入上。但是，嘿嘿，这在搜索输入上确实是最有意义的。
- 你可以很高兴地给父表单添加一个角色（例如：
<form role="search">），因为这有助于辅助技术宣布它是一个搜索表单。 - 你可以记住在输入中添加一个适当的
<label>。仅仅使用一个放大镜图标或仅仅使用一个placeholder是不够的，尽管这也是很多设计在视觉上的要求。 - 你会得到一个超级奇怪的
incremental属性，它向DOM元素本身发送了一个去掉的search事件。我想这对实时搜索用户体验是有用的。但它是非标准的，而且不在Firefox中，所以可能不要指望它（通过Christian Shaefer）。 - 你可以作为一个前端开发者再活一天。
