input type="search"

input type="search"
对于手机端,欲实现文字的搜索功能,要求手机键盘回车键提示为“搜索”.
https://segmentfault.com/a/1190000007765742
<input type="search" autocomplete="off" name="baike-search" placeholder="请输入关键词" class="input-kw">

 设置input autocomplete="off"去掉弹出的下拉框;

将默认的“x”隐藏掉:

 input[type="search"]::-webkit-search-cancel-button{
     display: none;

 }

针对ios 设置样式, 去除ios下input 椭圆形:

-webkit-appearance: none;

同时别忘记,如果提交搜索时想使用ajax,那么可以阻止表单的默认行为:
container.on('submit', '.input-kw-form', function(event){ event.preventDefault();
})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 欲实现一个文字搜索的功能,要求输入时,键盘回车按钮提示显示为“搜索”。效果如下: 开始~input type=te...
    evelynlab阅读 18,615评论 0 7
  • 相关知识点 移动端、 适配(兼容)、 ios点击事件300ms延迟、 点击穿透、 定位失效...... 问题&解决...
    sandisen阅读 25,590评论 3 67
  • 每个女人, 都渴望有个可以依靠的爷们, 最后发现,最爷们的还是自己! 遇事了自己扛, 没钱了自己赚,...
    暖_遇见阅读 742评论 0 0
  • 冬天,最适合涮火锅,火锅适合亲近的人,所以能聚在一起吃火锅,好氛围不止于热腾腾的火锅。豆豆从南京来,一声声“哥哥”...
    卿莹阅读 167评论 0 0