HTML 的 Attribute

<output> 元素的 for attribute 設定計算結果與其計算中所用元素之間的關係。

以下是語法

<output for="id">

上方，id 為元素 id，使用空格設定一個或多個元素的獨立列表。這些元素指定計算結果與其計算中所用元素之間的關係。

我們現在來看一個示例來實現 <output> 元素的 for attribute

示例

 線上演示

<!DOCTYPE html>
<html>
<body>
<h2>Result</h2>
<form oninput="n.value=parseInt(p.value)+parseInt(q.value)+parseInt(r.value)">0
   <input type="range" id="p" value="25">100+<input type="number"
   id="q" value="50">+<input type="number" id="r" value="50">
   =<output name="n" for="p q r"></output>
</form>
</body>
</html>

輸出

現在，增加滑塊，結果便會顯示出來

更新時間: 30-07-2019

107 次瀏覽

開啟你的 事業

完成課程後立即獲得認證

開始
廣告
© . All rights reserved.