什麼是輸出元件？

Question

男人，我根本沒有得到output element。

問：它是什麼？

Answer 1

您將設置一個onforminput事件監聽器，然後根據同一form中的其他input標籤進行計算，並根據這些計算設置其值。

<input name="add_me" type="number"> + 
<input name="me_too" type="number"> = 
<output name="result" onforminput="value = add_me.valueAsNumber + me_too.valueAsNumber"></output> 

Answer 2

對我來說，這正是它在錫上所說的。它表示在您的頁面上的其他位置執行某些計算的結果。

Answer 3

輸出元素只是將語義含義添加到標記中。這很難理解，因爲我們習慣於瀏覽器總是使用某個UI呈現的輸入元素，而輸出元素沒有任何關聯的UI（如在div元素中）。

的onforminput事件（如答案之一所示）已被棄用，oninput事件應該使用：

<form oninput="result.value=a.valueAsNumber + b.valueAsNumber"> 
    <input type="range" name="a"> + 
    <input type="number" name="b"> = 
    <output name="result"></output> 
</form> 

然而，這僅僅是輸出標籤的具體使用情況下，它不必要的JavaScript自動處理結果。即使手動處理任何類型的輸出都足夠。