html5 output標(biāo)籤是什麼意思? html5 output標(biāo)籤的使用方法都在這裡,這篇文章介紹了html5 output標(biāo)籤的定義,還有關(guān)於html5 output標(biāo)籤的使用方法(附程式碼實(shí)例)
html5 output標(biāo)籤標(biāo)籤定義:
html5?
#1.for 規(guī)定一個(gè)或多個(gè)元素的 id 列表,以空格分隔。這些元素描述了計(jì)算中使用的元素與計(jì)算結(jié)果之間的關(guān)係。
2.form 規(guī)定
3.name 規(guī)定
根據(jù)範(fàn)例來(lái)看:
範(fàn)例:
<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>
結(jié)果:

注意:
被form包後 表示標(biāo)籤屬性的 name 和id 起到了同樣的效果,包括x.value也可以用x.innerHTML來(lái)取代。
另外說(shuō)下oninput 事件是在使用者輸入時(shí)就觸發(fā)的事件!
html5 output標(biāo)籤的使用說(shuō)明:
#
例如,將計(jì)算結(jié)果顯示在
out標(biāo)簽的用法
<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中的差異
瀏覽器支援
Firefox、Opera、Chrome 和 Safari 瀏覽器都支援
注意:Internet Explorer 瀏覽器不支援
【相關(guān)推薦】
html5 audio標(biāo)籤怎麼用? html5 自動(dòng)播放實(shí)作程式碼實(shí)例
html address標(biāo)籤怎麼用? html address標(biāo)籤的使用方法詳解
以上是html5 output標(biāo)籤是什麼意思? html5 output標(biāo)籤的使用方法的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!