`

html5 input的type属性启动数字输入法

阅读更多

当文本框只能输入数字是一个很常见的需求,比如电话号码,身份证号,卡号, 数量....等等只允许数字输入,为了更好的用户体验性,直接写出 启动数字键盘的需求,我和大多数人一样用   this.style.imeMode='disabled'

imeMode有四种形式,分别是:

active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法

 

发现在Android手机上是不行的。

解决办法:html5里的 input 的type属性可设置为 number 既是<input type=" number" />

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    HTML5&CSS3网页制作:Input元素的type属性.pptx

    在HTML5中,`&lt;input&gt;`元素的`type`属性是一个非常重要的特性,它决定了输入框的功能和样式。通过设置不同的`type`属性值,我们可以创建各种类型的输入控件,以满足网页表单设计的需求。 1. **普通文本框(text)** ...

    HTML input type=file文件选择表单元素.docx

    HTML5 之前的 input type=file 元素只能一次上传一张图片,无法满足一次上传多图的交互需求。因此,许多场景下,使用 swfupload.js 来代替原生的 file input 表单元素。 二、HTML5 中的 input type=file 文件选择...

    HTML5&CSS3网页制作:Input元素的其他属性.pptx

    HTML5引入的form属性允许将Input元素放置在表单之外,但仍将其关联到特定的表单。通过设置`&lt;input form="login" type="submit"&gt;`,即使这个提交按钮不在form标签内部,它也能与ID为"login"的表单关联,实现提交功能...

    inputType参数类型说明

    inputType参数类型说明 inputType参数类型是Android中的一种重要的布局参数,用于设置控件的布局方式和属性。它可以分为四类:布尔类型、ID...* android:inputType="textImeMultiLine":输入法多行(不支持多行输入)

    input type=file 显示的浏览 改成英文

    虽然HTML5并没有提供直接改变按钮文字的语言属性,但我们可以通过设置`&lt;input&gt;`元素的`title`属性来改变鼠标悬停时显示的提示文字。例如: ```html &lt;input type="file" title="Choose a file"&gt; ``` 这将在鼠标...

    jquery 强制设置文本框处于英文输入法状态

    // 使用JavaScript的inputmode属性强制英文输入法 activeInput.inputMode = 'verbatim'; // 或者,对于不支持inputmode的浏览器,可以使用原生JS设置imeMode if ('imeMode' in activeInput) { activeInput....

    如何将input type=file显示的浏览变成英文的

    ### 如何将input type=file显示的“浏览”变成英文的 在网页开发中,经常会遇到需要用户上传文件的情况。默认情况下,HTML中的`&lt;input type="file"&gt;`元素的“浏览”按钮通常会显示为系统语言,对于英文界面的需求,...

    火狐input只能输入数字

    首先,我们可以使用HTML5的`type`属性来定义`input`元素的类型。对于数字输入,我们可以设置`type`为`number`。例如: ```html &lt;input type="number" id="numericInput" /&gt; ``` 这样做不仅在火狐浏览器中能限制...

    移动端html5带小数点的数字软键盘

    首先,HTML5在移动设备上的输入框(`&lt;input&gt;`)提供了多种类型,如`type="text"`、`type="number"`等。对于输入数字,我们可以使用`type="number"`,但默认情况下,它并不支持直接输入小数点。因此,我们需要自定义...

    input type=file 调取手机照相机和选择照片上传

    综上所述,利用HTML5的 `input type="file"` 结合 `accept` 和 `capture` 属性,我们可以方便地在移动设备上调用照相机功能,并让用户选择图片进行上传。结合JavaScript,我们可以实现完整的文件选择、上传及进度...

    input框只能输入数字和一个小数点

    ### 知识点一:HTML input类型与属性 在HTML中,`&lt;input&gt;`标签提供了多种类型,如`text`、`number`等。其中,`type="number"`可以限制用户输入为数字,但默认情况下它允许输入负数和小数。为了完全符合题目要求,即...

    js动态修改input输入框的type属性及验证Email

    本文将深入探讨如何使用JavaScript动态修改`input`输入框的`type`属性,并介绍如何进行Email验证。 `type`属性是`input`标签的一个关键属性,它决定了输入框的行为和外观。默认情况下,`input`元素的`type`可能是`...

    Android编程开发之EditText中inputType属性小结

    android中inputType属性在EditText输入值时启动的虚拟键盘的风格有着重要的作用。这也大大的方便的操作。有时需要虚拟键盘只为字符或只为数字。所以inputType尤为重要。 代码如下:&lt;EditText android:layout_...

    多功能文本框控件源码

    数字型: InputType属性为number 浮点型: InputType属性为formatNumber,floatlength属性为3(小数位数) 选择日期: InputType属性为date,IsDisplayTime为true(显示时间) 大写字母: InputType属性为Upper 小写...

    HTML5(软件品牌)-1期 13 教学课件_单元5_HTML5的input属性.pdf

    在HTML5中,input元素不仅新增了多种输入类型,还增加了一些属性,以提供更丰富的功能和更好的用户体验。 1. autocomplete属性: autocomplete属性用于控制表单或输入字段的自动填充功能。当设置为"on"时,浏览器...

    兼容IE7、IE8、IE9的input type=&quot;number&quot;插件

    在网页开发中,`&lt;input type="number"&gt;` 是HTML5引入的一个新特性,用于创建一个可以输入整数或浮点数的输入框。然而,这个特性在早期的Internet Explorer浏览器,尤其是IE7、IE8和IE9版本中并未得到支持。这导致了...

    HTML5表单中新增的input属性1.pdf

    例如,`&lt;input type="email"&gt;`确保用户输入的是有效的电子邮件地址格式,`&lt;input type="number"&gt;`则限制输入为数字,并可以通过min、max和step属性进行范围和步长的限制。 此外,HTML5的`&lt;datalist&gt;`元素结合`list`...

    html5-input样式

    HTML5的`input`元素是网页表单中最基础也最重要的组成部分,它允许用户在网页上输入数据。在HTML5中,`input`元素有了许多新的特性和改进,为开发者提供了更多的设计灵活性和用户体验优化的机会。本篇文章将深入探讨...

Global site tag (gtag.js) - Google Analytics