所以我有一个现有的HTML页面,其中包含信用卡最后4位数字段:
<input value="" name="Last4ofCC" maxlength="4" id="Last4ofCC1">
Run Code Online (Sandbox Code Playgroud)
效果很好,但是出现了一个功能请求,使其成为一个数字字段,不允许使用非数字字符.
起初我想过插入一些Javascript,但后来我想,为什么不使用HTML5元素.我改为以下内容:
<input type="number" value="" name="Last4ofCC" max="4" id="Last4ofCC1">
Run Code Online (Sandbox Code Playgroud)
但它不仅仍然允许非数字字符,max属性也不起作用!我在FireFox 8上测试它,所以不确定问题是什么.
有谁知道我在这里做错了什么?
除了更改输入类型之外,您还需要在页面顶部包含正确的doctype.
<!DOCTYPE html>
Run Code Online (Sandbox Code Playgroud)
但是,它不会做你认为的那样.将输入设置为type="number"遗嘱几乎只能让你在旁边的旋转器并告诉表单它应该是什么.如果你想确保只输入数字,你需要做一个正则表达式,比如/^\d+$/在keyup上.
有关HTML5的更多信息
| 归档时间: |
|
| 查看次数: |
293 次 |
| 最近记录: |