html - html 5 中的输入类型编号不起作用？

Question

<form name="form" method="get" action="" >
Number : 
<input type="number" name="num" id="num" min="1" max="5" required="required"/> <br/>
Email :
<input type="email" name="email" id="email"  required="required"/> <br />
<input type="submit" name="submit" id="submit" value="submit"  />
</form>

提交表格时也采用字母表。未生成错误消息 数字类型不起作用。

Answer 1

这是您在 HTML5 中使用输入类型编号的方式：

<input type="number" name="cost">

这是输入类型 number的工作示例。

如果你想添加验证试试这个：

<input type="number" pattern="[0-9]*" name="cost">

这是模式属性的一个工作示例。

注意：输入类型编号和模式属性都具有有限的浏览器支持。