HTML5新增的表单元素
程序员文章站
2022-05-11 14:12:31
...
HTML5新增的表单元素
progress 进度条
max 进度元素所要求的任务的工作量,默认值为1
value 已经完成的工作量,如果max值为1,该值必须是介于0~1之间的小数
例如:<progress id="one" name="progress" value="0" max="100"></progress>
output 用户动作产生的结果
name 定义元素的名称
for 其他元素的id列表,表明这些元素为计算提供了输入值(或其他影响)
<output for="">内容</output>
meter 规定范围内的数量值
value 在元素中特地表示出来的实际值,该值在min与max之间,默认值为1
min 指定规定范围时允许使用的最小值,默认为0
max 指定规定范围时允许使用的最大值,默认为1
low 规定范围的下限值必须小于或等于high属性的值
high 规定范围的上限值
optimum 最佳值
1.optimum<low 越小越好 value<low绿色,low<=value<=high黄色,value>high红色
<meter min="0" max="100" low="40" high="60" optimum="10" value="90"></meter>
2.low<=optimum<=high(或者没有optimum) 在中间就好 low<=value<=high 绿色,其他黄色,和没有optimum一样
<meter min="0" max="100" low="40" high="60" optimum="50" value="90"></meter>
3.optimum>high 越大越好 value<low红色,low<=value<=high黄色,value>high绿色
<meter min="0" max="100" low="40" high="60" optimum="80" value="90"></meter>
datalist 其他控件可用的值
其值通过<option>作为datalist的子元素存在
即:<datalist id="one">
<!-- option中不用内容只用写value -->
<option value="1"></option>
<option value="2"></option>
</datalist>
上一篇: PD18W快充+7种协议 奥睿科20000mAh移动电源上手
下一篇: 图的存储