2025年6月7日 星期六 乙巳(蛇)年 三月十一 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

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

时间:05-19来源:作者:点击数:39
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的值,定义了选择范围在024、、、、一直到最大值。
  • value="6",表示默认值是6,和一般输入框的value属性是一样
效果如下图:
在这里插入图片描述
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门