在HTML5中,新增加了数字输入控件,其中是一个文本框外加一个数字微调上下按钮,
即一个spinner control,如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Spinner Control in HTML5 by DevCurry.com</title>
</head>
<body>
<form>
<label for="age">
I am
<input type="number" name="age" id="age"
min="18" max="120" step="1" value="18">
years old
</label>
</form>
</body>
</html>
其中好处是可以限制只输入数字,并且可以指定最小最大值,当然在不同浏览器上样式可能有小小不同,下面是目前对该控件支持的浏览器列表:
[img]http://lh3.ggpht.com/-OVD96IlXqo8/TmR_L_s3ETI/AAAAAAAACJY/hT6yYeS8amw/image%25255B10%25255D.png?imgmax=800[/img]