关闭

移动web页面调起手机键盘各种功能的方法

标签: 移动web
2358人阅读 评论(0) 收藏 举报
分类:

最近的项目中遇到了,要调起手机键盘的事件,整理下,做个记录

经测试发现需要一下组合,可以使呼起的键盘具有“搜索”或“前往”字样。
1. <form> 标签需要具有 action属性
2. <input> 标签需要设置 type="search" type="number" type="text"

如下:
<form action="#"> <input type="search" /></form>

另外,如果要移除搜索框的叉叉图标,可以设置样式
::-webkit-search-cancel-button { display: none;}

去除搜索输入框特有的样式。在css上设置 -webkit-appearance: none;

1
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

手机键盘 确认按钮 事件 监听 绑定(web移动端)

亲自测试,以下设置可以修改iOS的软键盘的确定按钮[右下角那个]1 标签需要具有 action属性或者都可以2 一定要设置typetype="search"或者type="text"都可以 3 ...
  • sinat_24070543
  • sinat_24070543
  • 2016-12-01 16:35
  • 2735

移动开发----设置布局不随输入框键盘出现而上移

// 设置布局不随输入框键盘出现而上移 getWindow().setSoftInputMode( WindowManager.LayoutParams.SOFT_INPUT_ADJUST...
  • zhanwei0102
  • zhanwei0102
  • 2016-07-20 16:50
  • 433

Html5(移动端)开发,安卓机上的软键盘顶起影响页面布局

1.可能会出现的bug 一是:页面有输入卡框,在iphone手机上测试,点击输入框时,软键盘弹出,页面正常显示,在安卓机上测试,点击输入框时,软键盘弹出,页面出现压缩 具体压缩现象: 1.当所有元素的...
  • sinat_36193631
  • sinat_36193631
  • 2017-07-22 17:56
  • 1684

webapp前端开发软键盘与position:fixed为我们带来的不便

前提:我们考虑兼容的环境为android和ios两种智能手机 兼容环境测试结果显示android的表现明显好于ios,ios手机在软键盘呼起收起时存在着很严重的兼容性问题 场景展示: ...
  • rudy24
  • rudy24
  • 2016-03-07 15:12
  • 1134

手机端网页监测是否打开键盘

做H5页面经常会遇到页面有输入功能的 例如这种的: ps:测试机仅有一台mi4c 最开始想,键盘弹出应该占用了浏览器的窗口,所以弹出键盘时页面的可用高度一定是变化的,换句话说就是弹出键盘导致浏览...
  • wmzy1067111110
  • wmzy1067111110
  • 2016-05-03 17:15
  • 2682

微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能。 如果需要在移动浏览器中实现拨打电话,发送email,美国...
  • u013059555
  • u013059555
  • 2014-03-27 18:42
  • 4398

微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能。如果需要在移动浏览器中实现拨打电话,发送email,美国服务...
  • u011140030
  • u011140030
  • 2017-08-10 10:48
  • 397

微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

转自:http://www.cnblogs.com/skylaugh/archive/2013/08/23/3277899.html 在做一个微信的微网站中的一个便民服务电话功能的应用,用到...
  • cgt_0812
  • cgt_0812
  • 2017-06-07 16:03
  • 840

微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

转自:http://www.cnblogs.com/skylaugh/archive/2013/08/23/3277899.html 在做一个微信的微网站中的一个便民服务电话功能的应用,用到...
  • gf771115
  • gf771115
  • 2014-02-05 00:17
  • 5354

手机移动web页面的排版与布局一点经验(尺寸单位兼容行。)

**总之一句话, 尽量用mm 毫米作为标准单位.** **总之一句话, 尽量用mm 毫米作为标准单位.** **总之一句话, 尽量用mm 毫米作为标准单位.** 采用新的相对单位 rem 首先设置...
  • phker
  • phker
  • 2015-11-03 20:03
  • 25746
    个人资料
    • 访问:146446次
    • 积分:2552
    • 等级:
    • 排名:第16510名
    • 原创:88篇
    • 转载:60篇
    • 译文:1篇
    • 评论:26条
    最新评论