html5提供了input type="search"这种类型,所以我们点击某些输入框的时候,enter键会从“换行”变成“搜索”。

1.何时为换行

<div class="after">
    <input type="search" placeholder="职位/技能/姓名" />
    <span class="cancel">取消</span>
</div>

图片描述

这种情况,input外面木有嵌form套套的时候,enter键是原来的样子。并且点击换行没有跳转

2.何时为搜索

<div class="after">
    <form action="">
        <input type="search" placeholder="职位/技能/姓名" />
        <span class="cancel">取消</span>
    </form>
</div>

图片描述

input外面嵌套form套套的时候,enter键会变为搜索,并且点击搜索会跳转到相应的action


mcgrady
63 声望1 粉丝

做最人性化的交互