HTML 的 output 標籤

分享:

認識一下 HTML 的 output 標籤,這個標籤可以直接把輸入的內容輸出,用法如下:

<form oninput="result.value=parseInt(a.value) * parseInt(b.value)">
   <input type="number" id="a" value="0">
          * <input type="number" id="b" value="0">
                = <output name="result" for="a b"></output>
</form>

標籤要在 form 的標籤內,在 form 有一個屬性為 oninput,裡面的 value 對應到 output 的 name 的值,for 的話對應輸入欄位的 id,如果有多個則用空白分隔開。

 

課程推薦

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。