html5之output标签的使用与应用-html教程-PHP中文网

属性" >属性

看个例子就明白了：" >看个例子就明白了：

首页

web前端

html教程

html5之output标签的使用与应用

黄舟

Jul 03, 2017 am 10:30 AM

html5 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=&#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