2 HTML元素大全-表单( 五 ) _生活百科

<select>的选项子元素?selected设置选中值可省略?value选项的值如果没有value ，则取标签内容?disabled不可用<optgroup>选项分组，给<option>分组?label显示的文本?disabled分组都禁用<form action="">多选multiple：<select id="selfruit" name="selfruit" multiple size="4" list="optfruit"><optgroup label="热带水果"><option value="https://www.huyubaike.com/biancheng/1">香蕉</option><option value="https://www.huyubaike.com/biancheng/2">火龙果</option></optgroup><optgroup label="蔬菜"><option value="https://www.huyubaike.com/biancheng/3">绿色蔬菜</option><option value="https://www.huyubaike.com/biancheng/4">冬瓜</option><option value="https://www.huyubaike.com/biancheng/4" disabled>男瓜</option></optgroup><option value="https://www.huyubaike.com/biancheng/5">其他</option></select>单选：<select name="selsex" size="0" required><option value="" selected>选择性别</option><option value="https://www.huyubaike.com/biancheng/1">男</option><option value="https://www.huyubaike.com/biancheng/2">女</option><option value="https://www.huyubaike.com/biancheng/5">其他</option></select><input type="submit"></form>

文章插图
07、<progress><meter>进度计量两者都可以实现进度的效果， <progress>为进度条元素。<meter>更为丰富，表示某种计量，适用于温度、重量、金额等量化的可视化展示。
属性描述<progress>IE10进度条?max最大值，默认为1?value进度值，不设置则为"不确定"状态，显示为加载中的效果（不同浏览器表现不同）<meter>IE进度计量，显示已知范围的标量值或者分数值。（/?mi?t?r/ 计量）?value值?min/max最小值（默认0），最大值（默认1）?low/high低值、高值，用于设置“正常值”的边界区域，以显示不同效果?optimum最优值（ /?ɑ?pt?m?m/ ），配合low/high使用，判断当前值是否最优?form关联form表单的id

<fieldset style="display:inline-block;"><legend>Progress</legend>progress：<progress value="https://www.huyubaike.com/biancheng/0.3"></progress><br>progress(无value)： <progress></progress><br>value溢出： <progress max="100" value="https://www.huyubaike.com/biancheng/120"></progress></fieldset><fieldset style="display:inline-block;"><legend>Meter</legend>普通进度：<meter value="https://www.huyubaike.com/biancheng/0.2"></meter><br>value小于low：<meter value="https://www.huyubaike.com/biancheng/10" max="60" min="0" optimum="26" low="20" high="30"></meter><br>value大于high：<meter value="https://www.huyubaike.com/biancheng/55" max="60" min="0" optimum="15" low="20" high="30"></meter><br>value居中<meter value="https://www.huyubaike.com/biancheng/25" max="60" min="0" optimum="26" low="20" high="30"></meter></fieldset>