HTML知识小结标签篇

jiezi

6 年前

HTML 有很多好玩的标签，其中好多都是只在特殊场景下使用，在此做个统一的记录
1、<progress> 显示任务的进度，属性包括（max，value）

<progress value="22" max="100"></progress>

2、<meter> 显示范围内数据，属性包括（form, high, low, max, min, optimum, value)
要是 value 在正常范围内条条就会显示绿色，要是超出了正常范围（high，low）就会变成黄色

<meter value="0.3" high="0.9" low="0.1" optimum="0.5"></meter>

3、<form><fieldset><legend> 标题 </legend></fieldset></form> 用于组合表单中相关元素

 <form><fieldset> 啦啦啦 <legend> 这是一个标题 </legend></fieldset></form>

4、<output> 执行计算，计算结果在 output 标签里面输出（初始值需要单独设定，不然不显示），属性包括（name，for，form）

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
     <input type="range" id="a" value="40">100
     +<input type="number" id="b" value="30">
     =<output name="x" for="a b">70</output>
</form>

5、待续。。。。。。