本文概述
HTML <output>标记用于显示某些计算的结果(由JavaScript执行)或用户操作的结果(例如, 将数据输入到表单元素中)。
<output>标记是一个新添加的标记, 是HTML5中引入的。
句法
<output>......</output>
以下是有关HTML <output>标记的一些规范
Display | Inline |
开始日期/结束日期 | 开始和结束标签 |
Usage | 表格和输入 |
例
<!DOCTYPE html>
<html>
<head>
<title>Output Tag</title>
</head>
<body>
<p>Calculate the Sum of the two Numbers</p>
<form oninput="res.value=parseInt(a.value)+parseInt(b.value);">
<label>Enter First Value.</label><br>
<input type="number" name="a" value=""/><br>
+<br/>
<label>Enter First Value.</label><br>
<input type="number" name="b" value=""><br>
=<br>
Output is:<output name="res"></output>
</form>
</body>
</html>
立即测试
输出:
属性
特定于标签的属性:
属性 | 值 | 描述 |
---|---|---|
for | element_id | 它指定其他元素ID的列表, 这些ID指示计算结果与输入元素之间的关系。 |
form | form_id | 它指定与此元素相关联的form元素。 |
name | name | 它定义了输出元素的名称。 |
全局属性:
HTML <output>标记支持HTML中的全局属性。
事件属性:
HTML <output>标记支持HTML中的事件属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<output> | Yes | Yes | Yes | Yes | Yes |