html5之output标签的使用与应用

时间：2020-11-27 来源：乌哈旅游

<output> 标签定义不同类型的输出，比如脚本的输出。

<output> 标签是 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='replace_word' title="JavaScript知识库" target='_blank' style='color:#df3434; font-weight:bold;'>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>

天道酬勤，厚积薄发。君子之行，静以修身，俭以养德。非淡泊无以明志，非宁静无以致远。如有恒，何须三更起，半夜眠；最怕莫，三天打鱼两天晒网，竹篮打水一场空。