首頁 > 文章 > web前端 > html5 output標籤是什麼意思？ html5 output標籤的使用方法

html5 output標籤是什麼意思？ html5 output標籤的使用方法

寻∝梦原創: 2018-08-21 14:20:535255瀏覽

html5 output標籤是什麼意思？ html5 output標籤的使用方法都在這裡，這篇文章介紹了html5 output標籤的定義，還有關於html5 output標籤的使用方法（附程式碼實例）

html5 output標籤標籤定義：

標籤作為計算結果輸出顯示(例如執行腳本的輸出)。

html5 的屬性:

#1.for 規定一個或多個元素的 id 列表，以空格分隔。這些元素描述了計算中使用的元素與計算結果之間的關係。

2.form 規定元素所屬的一個或多個表單的 id 列表，以空格分隔。

3.name 規定元素的名稱。

根據範例來看：

範例：

<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>

結果：

html5 output標籤是什麼意思？ html5 output標籤的使用方法

3個屬性中form由於瀏覽器大部分都不支援它，所以output不能再寫在其他任意位置了，只能在form裡面才有效果。

注意：

被form包後表示標籤屬性的 name 和id 起到了同樣的效果，包括x.value也可以用x.innerHTML來取代。

另外說下oninput 事件是在使用者輸入時就觸發的事件！

html5 output標籤的使用說明：

# 標籤顯示為計算結果輸出顯示(例如執行腳本的輸出）。

例如，將計算結果顯示在元素中：





out标签的用法


<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>

如何在表單中使用output 元素：

<form action="form_action.asp" method="get" name="sumform">
<output name="sum"></output>
</form>
TIY
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function write_sum()
{
x=5
y=3
document.forms["sumform"]["sum"].value=x+y
}
</script>
</head>
<body onload="write_sum()">
<form action="form_action.asp" method="get" name="sumform">
<output name="sum"></output>
</form>
</body>
</html>

在HTML 4.01 與HTML5中的差異

標籤是HTML 5 中的新標籤。

瀏覽器支援

Firefox、Opera、Chrome 和 Safari 瀏覽器都支援標籤。

注意:Internet Explorer 瀏覽器不支援標籤。

【相關推薦】

html5 audio標籤怎麼用？ html5 自動播放實作程式碼實例

html address標籤怎麼用？ html address標籤的使用方法詳解

以上是html5 output標籤是什麼意思？ html5 output標籤的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html5 firefox chrome safari html for 事件 innerHTML

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html5 table標籤的樣式介紹（另附html5 table css居中的實例）下一篇：html5 table標籤的樣式介紹（另附html5 table css居中的實例）

看更多