web应用标签

<meter>状态标签（实时显示：气压，气温）

 

<meter value="220" min="20" max="380" low="200" high="240" optimum="220"></meter>
<meter value="0.75">75%</meter>

 

<progress>　　状态标签（任务过程：安装、加载）

 

<progress value="80" max="100">
<progress max="100">

 

<datalist>　为input标记定义一个下拉列表，配合option

 

<input placeholder="输入内容" list="change" />
<datalist id='change'>
<option value="iphone">iphone</option>
<option value="安装">安装</option>
<option value="什么">什么</option>
<option value="上面">上面</option>
</datalist>
</body>

 

<details>　标记定义一个元素的详细内容　　配合summary

 

<details open="open">
<summary>安装</summary>
<p>
安装安装安装安装安装安装安装安装
</p>
</details>

 注释标签

<ruby> 标记定义注释或音符

<rt>  标记定义对ruby的注释内容文本

<rp>   告诉那些不支持ruby元素的浏览器如何去显示

<p>我们来<ruby>夼<rp>(</rp><rt>kuang</rt><rp>)</rp></ruby>一个话题</p>

<mark> 标记定义有标记的文本，黄色选择状态

<p>你好<mark>世界</mark></p>

<output> 标记定义一些输出类型，计算表单结果配合oninput事件   实时监听文本框的输入变化

<form οninput="shengfa.value=parseInt(one.value)*parseInt(two.value)">
<!-- 0<input type="range" id="one" value="5000">10000 -->
<input type="text" id="one" value="5000">
*<input type="number" id="two" value="1">
=<output name="shengfa" for="one two"></output>
</form>

转载于:https://www.cnblogs.com/jian1234/p/9810847.html