我可以将HTML5元素添加到现有HTML文档中吗?

Mar*_*lec 3 html html5

所以我有一个现有的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上测试它,所以不确定问题是什么.

有谁知道我在这里做错了什么?

Jas*_*son 6

除了更改输入类型之外,您还需要在页面顶部包含正确的doctype.

<!DOCTYPE html>
Run Code Online (Sandbox Code Playgroud)

但是,它不会做你认为的那样.将输入设置为type="number"遗嘱几乎只能让你在旁边的旋转器并告诉表单它应该是什么.如果你想确保只输入数字,你需要做一个正则表达式,比如/^\d+$/在keyup上.

有关HTML5的更多信息