HTML5 <output> 標(biāo)簽

2022-05-23 15:00 更新

實例

HTML5 <output>標(biāo)簽用來定義不同類型的輸出。請參考下述示例:

將計算結(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>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Firefox、Opera、Chrome 和 Safari 瀏覽器都支持 <output> 標(biāo)簽。

注意:Internet Explorer 瀏覽器不支持 <output> 標(biāo)簽。


標(biāo)簽定義及使用說明

<output> 標(biāo)簽作為計算結(jié)果輸出顯示(比如執(zhí)行腳本的輸出)。


在HTML 4.01 與 HTML5中的差異

<output> 標(biāo)簽是 HTML 5 中的新標(biāo)簽。


屬性

New:HTML5 新屬性。

屬性 描述
forNew element_id 描述計算中使用的元素與計算結(jié)果之間的關(guān)系。
formNew form_id 定義輸入字段所屬的一個或多個表單。
nameNew name 定義對象的唯一名稱(表單提交時使用)。

全局屬性

<output> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML全局屬性。


事件屬性

<output> 標(biāo)簽支持所有 HTML事件屬性。

以上就對HTML5 <output>標(biāo)簽的介紹了,請通過本文介紹的<ouput>標(biāo)簽屬性以熟悉該標(biāo)簽的使用!

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號