首頁 > web前端 > H5教程 > html5 output標籤是什麼意思? html5 output標籤的使用方法

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

寻∝梦
發布: 2018-08-21 14:20:53
原創
5302 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板