Rumah  >  Artikel  >  hujung hadapan web  >  html5之output标签的使用与应用

html5之output标签的使用与应用

黄舟
黄舟asal
2017-07-03 10:30:081700semak imbas

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>

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

Atas ialah kandungan terperinci html5之output标签的使用与应用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn