html input输入时默认启动数字输入法

模板网 2015-01-13

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

imeMode有四种形式，分别是：

active 代表输入法为中文

inactive 代表输入法为英文

auto 代表打开输入法 (默认)

disable 代表关闭输入法

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

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

相关文章

  1. html禁止手机页面放大缩小代码

    只需网页头部head标签内添加一下代码即可实现禁止手机页面放大缩

  2. CSS让图片垂直居中的几种技巧

    在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错

  3. a标签点击过后出现虚线的解决方法

    问题：a标签点击过后出现虚线 解决方法：a{blr:expression(this.onFocus=this.blur());outline: none;}

  4. 手机站布局中viewport的作用详解

    什么是Viewport?手机浏览器是把页面放在一个虚拟的窗口（viewport）中，通常这个虚拟的窗口（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动

  5. 假503错误页面，伪装503错误，503.js代码下载

    在一些特殊情况下，我们需要将我们的网站展现给访客看时是打不开的状态，但是并不希望关闭网站，因为直接关站，会影响搜索引擎的收录。 那么利用下面提供的代码就可以轻松实现这种需求。 代码打包下载： 503.js代码下载 压缩包中主要文件： 503.html 复制代

随机推荐

  1. html禁止手机页面放大缩小代码

    只需网页头部head标签内添加一下代码即可实现禁止手机页面放大缩

  2. CSS让图片垂直居中的几种技巧

    在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错

  3. a标签点击过后出现虚线的解决方法

    问题：a标签点击过后出现虚线 解决方法：a{blr:expression(this.onFocus=this.blur());outline: none;}

  4. 手机站布局中viewport的作用详解

    什么是Viewport?手机浏览器是把页面放在一个虚拟的窗口（viewport）中，通常这个虚拟的窗口（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动

  5. 假503错误页面，伪装503错误，503.js代码下载

    在一些特殊情况下，我们需要将我们的网站展现给访客看时是打不开的状态，但是并不希望关闭网站，因为直接关站，会影响搜索引擎的收录。 那么利用下面提供的代码就可以轻松实现这种需求。 代码打包下载： 503.js代码下载 压缩包中主要文件： 503.html 复制代