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ù)例子來看:
例子:
<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來代替。
另外說下oninput 事件是在用戶輸入時(shí)就觸發(fā)的事件!
html5 output標(biāo)簽的使用說明:
例如,將計(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í)現(xiàn)代碼實(shí)例
html address標(biāo)簽怎么用?html address標(biāo)簽的使用方法詳解
Atas ialah kandungan terperinci html5 output標(biāo)簽是什么意思?html5 output標(biāo)簽的使用方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!