首頁 > web前端 > html教學 > html5之output標籤的使用與應用

html5之output標籤的使用與應用

黄舟
發布: 2017-07-03 10:30:08
原創
1756 人瀏覽過

標籤定義不同類型的輸出,例如腳本的輸出。

標籤是 HTML 5 中的新標籤。

屬性

#屬性 #描述
for id ​​of another element 定義輸出域相關的一個或多個元素。
form formname #定義輸入欄位所屬的一個或多個表單。
name unique name #定義物件的唯一名稱。 (表單提交時使用)

#看個範例就明白了:

<!DOCTYPE HTML>  
<html>  
<head>  
<mce:script type="text/<a href="http://lib.csdn.net/base/javascript" class=&#39;replace_word&#39; title="JavaScript知识库" target=&#39;_blank&#39; style=&#39;color:#df3434; font-weight:bold;&#39;>JavaScript</a>"><!--  
function write_sum()  
{  
x=5  
y=3  
document.forms["sumform"]["sum"].value=x+y  
}  
// --></mce:script>  
</head>  
<body onload="write_sum()">  
<form action="form_action.asp" method="get" name="sumform">  
<output name="sum"></output>  
</form>  
</body>  
</html>
登入後複製
<form action="" id="myform" oninput="num.value=parseInt(num1.value)+parseInt(num2.value)">
        <input type="number" id="num1">+
        <input type="number" id="num2">=
        <output name="num" for="num1 num2"></output>            
    </form>
登入後複製

天道酬勤,厚積薄發。 君子之行,靜以修身,儉以養德。 非淡泊無以明志,非寧靜無以致遠。 如有恆,何須三更起,半夜眠;最怕莫,三天捕魚兩天曬網,竹籃打水一場空。

以上是html5之output標籤的使用與應用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板