在html5中,output標簽用于設置不同數據的輸出,作為計算結果輸出顯示,如執行腳本的輸出,語法為“<output name="對象的唯一名稱" form="所屬的表單" for="輸出域相關的元素">”。
本教程操作環境:windows10系統、HTML5版、Dell G3電腦。
html5中output的用法是什么
output元素:數據的輸出
作為計算結果輸出顯示(比如執行腳本的輸出)。
output元素是HTML5新增的元素,用來設置不同數據的輸出
output元素的輸出內容是由代碼控制的
output元素的屬性:
-
name屬性:定義對象的唯一名稱。(表單提交時使用)
-
form屬性:定義所屬的一個或多個表單。
-
for屬性:定義輸出域相關的一個或多個元素。
示例如下;
<html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <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> <p><strong>注意:</strong> Edge 12及更早 IE 版本的瀏覽器不支持 output 元素。</p> </body> </html>
輸出結果:
推薦教程:《html視頻教程》