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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。