HTML <output> form屬性用法及代碼示例

HTML <output>表單屬性用於指定<output>元素可以包含一個或多個表單。

用法:

<output form="form_id">

屬性值：它包含單個值form_id，該值包含值，即form_id，該值指定輸出元素所屬的一個或多個。此屬性的值應為<form>元素的ID。

例：

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            HTML output Form Attribute 
        </title>  
          
        <style>  
            body {  
                text-align:center;  
            }  
            h1 {  
                color:green;  
            }  
        </style>  
    </head>  
      
    <body>  
        <h1>GeeksforGeeks</h1>  
          
        <h2><output>Form Attribute</h2>  
          
        <form oninput = "sumresult.value = parseInt(A.value)  
                    + parseInt(B.value) + parseInt(C.value)">  
            <input type = "number" name = "A" value = "50" /> +  
            <input type = "range" name = "B" value = "0" /> +  
            <input type = "number" name = "C" value = "30" /><br>  
              
            Result:<output form ="myGeeks" name = "sumresult"> 
            </output> 
        </form>  
    </body>  
</html>

輸出：

支持的瀏覽器：下麵列出了HTML輸出表單屬性支持的瀏覽器：

穀歌瀏覽器
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | <output> form Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。