首頁 > 文章 > web前端 > html5之output標籤的使用與應用

html5之output標籤的使用與應用

黄舟原創: 2017-07-03 10:30:081699瀏覽

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

be6d67dae90cc1ad6469079e163d0939 標籤是 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中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html：option標籤中可以有a標籤嗎?下一篇：html：option標籤中可以有a標籤嗎?

看更多