HTML5 <input type="number" max="11" />
2018-01-17 11:03
549 查看
<input type="text" maxlength="11" />这种写法可以限制input输入框字符长度为11,但是不能限制输入框字符长为纯数字,限制为纯数字可以用如下写法:
实际在chrome版本63.0.3239.132(正式版本)(64 位)浏览器中运行这行HTML5代码时,input输入框没有输入数字长度为11的效果,可以无限输入。需要将代码修改为:
这时再运行<input> 标签可以限制输入数字长度为11个。这段代码可以用于手机输入框限制用户输入11位数字作为手机号。若要限制手机号码格式,需要进行正则限制。
type="text"是HTML <input> 标签的 type 属性,type="number"是HTML5 新的 Input 标签的 type 属性。
<input type="number" max="11" />
实际在chrome版本63.0.3239.132(正式版本)(64 位)浏览器中运行这行HTML5代码时,input输入框没有输入数字长度为11的效果,可以无限输入。需要将代码修改为:
<input type="number" max="11" oninput="if(value.length>11) value=value.slice(0,11)" />
这时再运行<input> 标签可以限制输入数字长度为11个。这段代码可以用于手机输入框限制用户输入11位数字作为手机号。若要限制手机号码格式,需要进行正则限制。
type="text"是HTML <input> 标签的 type 属性,type="number"是HTML5 新的 Input 标签的 type 属性。
相关文章推荐
- 关于Html5中<input type="number" name="points" min="1" max="10" />只能输入整数的问题
- 移动web端<input type="number">手机上点击直接打开数字键盘,并修改样式去除最右端上下箭头
- 去除<input type="number" /> 上下箭头
- 移动端<input type = "number">问题
- php如何处理html5表单<input type="file" multiple />提交的多个文
- <input type="number" /> 限制长度
- jQuery操作radiojQuery操作<input type="radio">
- Android-WebView-解决对选择文件<input type="file">无响应
- 移除HTML5 input在type="number"时的上下小箭头
- 移除HTML5 input在type="number"时的上下小箭头
- <button>和<input type="button"> 的区别
- jsp <input type="file"> 清空value值的一种方式
- 让HTML中的文本框<input type="text">中的文字垂直居中
- jQuery操作<input type="radio">
- 页面<input type="radio"...>取值
- 如何让<input type="file">只显示按钮 不要显示文本路径?
- <input type ="button"></input>和<button></button>在mvc中的区别
- 手机浏览器<input type="file">标签调用手机拍照+分片上传
- js实现<input type="color">改变背景颜色
- 解析<button>和<input type="button"> 的区别