HTML <output> 標簽
瀏覽器支持
Firefox、Opera、Chrome 和 Safari 瀏覽器都支持 <output> 標簽。
注意:Internet Explorer 瀏覽器不支持 <output> 標簽。
標簽定義及使用說明
<output> 標簽作為計算結果輸出顯示(比如執行腳本的輸出)。
<output>的屬性:
1.for 規定一個或多個元素的 id 列表,以空格分隔。這些元素描述了計算中使用的元素與計算結果之間的關系。
2.form 規定 <output> 元素所屬的一個或多個表單的 id 列表,以空格分隔。
3.name 規定 <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>
結果:
<output>3個屬性中 form由於大部分瀏覽器都不支持它,所以output不能再寫在其他任意位置了,只能在form里面才有效果。
注意:
被form包裹后 表示標簽屬性的 name 和id 起到了同樣的效果,包括x.value也可以用x.innerHTML來代替。
另外說下oninput 事件是在用戶輸入時就觸發的事件!