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更语义化,更符合场景吧。

results matching ""

    No results matching ""