HTML5新的数字输入控件

jackyrong · 发表于 2013-1-29 13:45:24

在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>
  其中好处是可以限制只输入数字,并且可以指定最小最大值,当然在不同浏览器上样式可能有小小不同,下面是目前对该控件支持的浏览器列表:

		自动登录	找回密码
密码			立即注册