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

neh*_*man 5 html5

<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>
Run Code Online (Sandbox Code Playgroud)

提交表单时也会使用字母表.没有生成错误消息数字类型不起作用.

Sco*_*ell 5

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

<input type="number" name="cost">
Run Code Online (Sandbox Code Playgroud)

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

如果要添加验证,请尝试以下操作:

<input type="number" pattern="[0-9]*" name="cost">
Run Code Online (Sandbox Code Playgroud)

这是pattern属性的工作示例。

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

  • 这个例子甚至没有用 (6认同)