`

HTML5新的数字输入控件

阅读更多
在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>
  其中好处是可以限制只输入数字,并且可以指定最小最大值,当然在不同浏览器上样式可能有小小不同,下面是目前对该控件支持的浏览器列表:
3
2
分享到:
评论
5 楼 songshuang 2011-09-06  
欢迎加入ITeye HTML5群组

http://html5.group.iteye.com/
4 楼 雪域无痕 2011-09-06  
大部分都不支持,知道了也没法用。
3 楼 jackyrong 2011-09-06  
哈哈,是的
2 楼 giianhui 2011-09-06  
xingqiba 写道
没有一个以上浏览器对所有的属性都支持的,也没有一个属性被以上所有的浏览器都支持的.

楼上的观察能力很强。
1 楼 xingqiba 2011-09-06  
没有一个以上浏览器对所有的属性都支持的,也没有一个属性被以上所有的浏览器都支持的.

相关推荐

Global site tag (gtag.js) - Google Analytics