html5學習筆記(html5新標簽)


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 事件是在用戶輸入時就觸發的事件!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM