您的位置：首页 > Web前端 > HTML5

HTML5表单之Input 类型-number

2013-03-28 23:48 274 查看

number类型用于应该包含数值的输入域。

我还能设定对所接受的数字的限定：

eg:

Point:<input type="number" name="points" min="1" max="10" />

<!DOCTYPE HTML>
<html>
<body>

<form action="/example/html5/demo_form.asp" method="get">
Points: <input type="number" name="points" min="1" max="10" />
<input type="submit" />
</form>

</body>
</html>

opera对HTML5的表单支持最好：

再看看IE10的,没达到预想效果：

用下列的属性来规定对数字类型的限定：

属性：max

值：number

描述：规定允许的最大值

属性：min

值：number

描述：规定允许的最小值

属性：step

值：number

描述：允许合法的数字间隔（如果step =“3”，则合法的数是-3，0，3，6等）

属性：value

值：number

描述：规定默认值

eg：

<!DOCTYPE html>
<html>
<head><title>xxxx</title>
</head>
<body>
<form action="/exmple/html5/demo_form.asp" method="get">
<input type="number" name="points" max="10" min="2" step="2" value="4" />
<input type="submit" />
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航