webApp 移动端键盘显示 搜索 按键
来源:互联网 发布:软件开发资料填写 编辑:程序博客网 时间:2024/05/20 05:55
webApp 移动端键盘显示 搜索 按键
实现
需要使用 form标签包裹 <input type="search" />
。例如:
<form> <input type="search" placeholder="搜索" /><form>
当移动端键盘输入字符后,键盘上会显示一个 “搜索”的按键。
问题
但是以上的这种方法,在部分手机上会出现点击了键盘上的搜索,页面会跳转到一个 url,这是我们不希望看到的。
解决方式
- 如果你希望搜索同步提交,直接在form标签上添加action属性指定url, 并且指定 method 请求方式 post 或者 get。
<form action="url" method="get"> <input type="search" placeholder="搜索" /><form>
- 如果你不希望表单自动提交,而是自己通过 ajax实现搜索,那么就需要给 form 标签添加 onsubmit=”return false”
<form onsubmit="return false;"> <input type="search" placeholder="搜索" /><form>
阅读全文
0 0
- webApp 移动端键盘显示 搜索 按键
- 移动端webapp年度总结
- 移动端WebApp自适应实践
- 移动端webApp兼容问题解决
- 移动端webapp自适应布局
- 移动端 webapp meta小结
- 移动端输入框弹出键盘触发搜索按钮事件
- 矩阵键盘按键LED显示键值
- WebApp开发-移动端WebApp开发必备知识
- 键盘按键左右上下移动+保存cookie数据
- js实现按键球,小球随键盘上下左右控制移动
- Unity3d 控制角色移动 键盘按键与虚拟摇杆
- 移动端webapp开发必备知识
- 移动端webapp开发必备知识
- 移动端webapp开发必备知识
- 移动端webapp开发必备知识
- 移动端webapp开发要点总结
- 移动端webapp开发知识小结
- MySQL中的FEDERATED引擎
- 花园 洛谷p1357
- 一个bug的解决过程
- Java学习-static关键字的用法
- velocity(vm)
- webApp 移动端键盘显示 搜索 按键
- python基础-方法参数(默认参数)、多返回值、三元、动态参数*和**、魔性用法
- html5 跳到拨打电话功能
- aliyun阿里云Maven仓库镜像地址
- PAT 1001. 害死人不偿命的(3n+1)猜想
- centos7 安装docker及搭建私有仓库
- 将eclipse项目导入idea
- 利用js在页面上获取url
- PAT乙级1030. 完美数列(25)