牛骨文教育服务平台(让学习变的简单)
博文笔记

移动端限制input框只能输入数字

创建时间:2017-11-28 投稿人: 浏览次数:1490

html5 中,input 的 type 属性规定 input 元素的类型。

<input type="value">

有很多选项,详细可以参考HTML 5 type 属性

但是在移动端,还要区分是安卓用户,还是ios用户,所以这样写:

<input class="num_input" type="number" pattern="[0-9]*"/>

在安卓端设置input类型为number,可限制键盘只输入数字,在ios端,要加入pattern验证输入字段的模式,才能限制数字输入。

另:
autofocus=”autofocus”可以自动对焦。

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。