HTML的min属性和max属性怎么用?
网站优化小编十一月 22, 2019 11人已围观
HTML min属性用于指定度量的下限,max属性用于指定度量的上限;min属性的值必须小于max属性的值。min属性的默认值为0;如果没有规定 max 属性的值,则默认值是 1。max属性与min属性可以用于<input>和<meter>元素,一起使用来规定了度量的完整范围。
HTML <input>的min属性和max属性
语法:
<input min="number|date" max="number|date">
示例:在input元素中使用min属性和max属性
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> input{ width: 100px; } </style> </head> <body style="text-align:center;"> <h2>HTML input的min属性和max属性</h2> <form id="myDemo"> <input type="number" placeholder="数字......" min="10" max="12"> </form> <p style="font-size:20px;">输入字段的最小值为10,最大值为12。</p> </body> </html>
效果图:
HTML <meter>的min属性和max属性
<meter>标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。min属性定义最小范围;max属性定义最大范围。min属性,与max属性一起,规定度量的完整范围。
语法:
<meter min="numer" max="numer">
示例:在<meter>元素中使用min属性和max属性
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body style="text-align:center;"> 小明的分数: <meter value="5" min="0" max="10" high="6">5到10 </meter> <br>小花的分数: <meter value="0.5" min="0" max="1.0" high="0.6">50% from 100%</meter> </body> </html>
效果图:
下一篇: 企业网站建设的注意事项
上一篇: 决定微博营销成败的细节有哪些
相关文章
文章评论
点击排行

本栏推荐
标签云
站点信息
- 站点运行:225天
- 网站程序:Wordpress
- 主题模板:bvseo
- 文章统计:3139 条
- 文章评论:18 条
- 微信公众号:扫描二维码,关注我们

发表评论