input seacrh的用处
在移动web端,大部分站点都会用到搜索,一般的结构如下:
<form action="">
<input type="search"/>
<a href="javascript:;">搜索</a>
</form>
如果input的type为search,当唤起键盘时,键盘会有一个搜索的按钮。当form的action有值时,便可以直接点击键盘的搜索按钮进行交互,而不用点击a标签。
如果input的type是text
<form action="">
<input type="text"/>
<a href="javascript:;">搜索</a>
</form>
则唤起的键盘没有搜索按钮,取而代之的是前往按钮,或者确定按钮。
两者都可以用于做搜索,只不过感觉search更语义化,更符合场景吧。