0
点赞
收藏
分享

微信扫一扫

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>


其中好处是可以限制只输入数字,并且可以指定最小最大值,当然在不同浏览器上样式可能有小小不同,下面是目前对该控件支持的浏览器列表:
[img]http://lh3.ggpht.com/-OVD96IlXqo8/TmR_L_s3ETI/AAAAAAAACJY/hT6yYeS8amw/image%25255B10%25255D.png?imgmax=800[/img]

举报

相关推荐

0 条评论