在手机端调取手机键盘的若干问题

今天在项目中,客户要求所有的输入框点击的时候 都要调起数字键盘,我们知道在移动端输入手机号码时,需要调起手机自带的数字键盘,下面这段代码就可以实现,<input type='tel' max-length=11/>

但是如果要掉起ios与安卓的带搜索或前往按钮,要怎么实现呢?

<from action = ''  onsubmit = 'return false;'>

<input type = 'search' autocomplate = 'off' />

</from>

在ios手机上,必须要加<from action=''></from>才能实现上述功能,autocomplate = 'off' 是禁止启用自动完成功能。

下面让我们来复习下type的属性吧

值描述

button定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。

checkbox定义复选框。

file定义输入字段和 "浏览"按钮,供文件上传。

hidden定义隐藏的输入字段。

image定义图像形式的提交按钮。

password定义密码字段。该字段中的字符被掩码。

radio定义单选按钮。

reset定义重置按钮。重置按钮会清除表单中的所有数据。

submit定义提交按钮。提交按钮会把表单数据发送到服务器。

text定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。


注意一点  当type为num的时候,maxlength是失效的。

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

推荐阅读更多精彩内容

  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 920评论 0 1
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,523评论 0 17
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,923评论 18 139
  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,207评论 3 17
  • 这是昨日的杏花,花瓣在风中飘零。 昨天总犯困,晚间体力不支,早早睡下,今晨起便觉腰痛,定是...
    冬日蝴蝶结阅读 129评论 0 0