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">

以下是input type number。

的工作示例

如果您想添加验证，请尝试以下方法：

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

以下是pattern attribute。

的工作示例

注意：输入type number和pattern attribute都限制了浏览器支持。