<output> 標(biāo)簽顯示計(jì)算或用戶(hù)操作的結(jié)果,該標(biāo)簽是 HTML5 中的新標(biāo)簽。在下面的示例中,我們將返回一個(gè)您可以看到的計(jì)算結(jié)果:
嘗試一下 ?
實(shí)例
將計(jì)算結(jié)果顯示在 <output> 元素中:
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
嘗試一下 ?
瀏覽器支持
Firefox、Opera、Chrome 和 Safari 瀏覽器都支持 <output> 標(biāo)簽。
注意:Internet Explorer 瀏覽器不支持 <output> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<output> 標(biāo)簽作為計(jì)算結(jié)果輸出顯示(比如執(zhí)行腳本的輸出)。
在HTML 4.01 與 HTML5中的差異
<output> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。
屬性
New:HTML5 新屬性。
屬性 | 值 | 描述 |
---|---|---|
forNew | element_id | 描述計(jì)算中使用的元素與計(jì)算結(jié)果之間的關(guān)系。 |
formNew | form_id | 定義輸入字段所屬的一個(gè)或多個(gè)表單。 |
nameNew | name | 定義對(duì)象的唯一名稱(chēng)(表單提交時(shí)使用)。 |
全局屬性
<output> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<output> 標(biāo)簽支持所有 HTML事件屬性。
更多建議: