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

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

提交表单时也会使用字母。没有错误信息产生数字类型不起作用。html 5中的输入类型编号不起作用？

来源

2012-09-12 neha thamman

和你想要什么浏览器？所有浏览器都不支持html5元素，您将不得不进行服务器端验证，以确保没有非数字无论如何都能通过。 – mpen

无论浏览器支持如何，都应该进行服务器端验证。无论如何，如果浏览器支持是问题，请考虑使用JavaScript进行验证。 –

这是你如何使用HTML5的输入类型号：

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

这里是input type number的工作示例。

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

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

这里是pattern attribute的工作示例。

注意：输入type number和pattern attribute都具有有限的浏览器支持。

来源

2012-09-12 06:19:51

这个例子甚至不工作，即使 –

@nehathamman我不认为输入类型编号在HTML5中提供了自己的验证。我编辑了我的答案，以显示如何使用模式属性来完成此操作。 –

是的，这也成功地在Firefox中工作。感谢您的有用答案。 –

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

回答

相关问题