移动端点击输入框，enter键问题

2019年9月14日 135次阅读 来源: mcgrady

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

1.何时为换行

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

《移动端点击输入框，enter键问题》

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

2.何时为搜索

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

《移动端点击输入框，enter键问题》

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

    原文作者：mcgrady
    原文地址: https://segmentfault.com/a/1190000007787789
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞