您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

HTML5中的数字类型的输入框:数字选择器

时间:05-19来源:作者:点击数:
CDSY,CDSY.XYZ
HTML5中的数字类型的输入框:数字选择器

html5 Input类型有如下几种:

color、date、datetime、datetime-local、email

month、number、range、search、

tel、time、url、week

此处只用到限制输入数字的输入框
<input type="number"
	min="0"
	max="10"
	step="2"
	value="3">
	
type="number",表示这是个数字类型的输入框。

min="0",表示输入的数字不能小于0

max="10",表示输入的数字不能大于10

step="2",结合min的值,定义了选择范围在0、2、4、、、、一直到最大值。

value="6",表示默认值是6,和一般输入框的value属性是一样
效果如下图:
在这里插入图片描述
CDSY,CDSY.XYZ
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门