HTML教程-HTML<output>标签
HTML <output> 标签用于显示一些计算结果(由 JavaScript 执行)或用户操作的输出结果(例如将数据输入到表单元素中)。
<output> 标签是在 HTML5 中新增的标签。
语法
<output>......</output>以下是关于 HTML <output> 标签的一些规范:
| 显示方式 | 内联元素 |
|---|---|
| 开始标签/结束标签 | 开始和结束标签都存在 |
| 使用场景 | 表单和输入元素 |
示例
<!DOCTYPE html>
<html>
<head>
<title>Output Tag</title>
</head>
<body>
<p>计算两个数的和</p>
<form oninput="res.value=parseInt(a.value)+parseInt(b.value);">
<label>输入第一个值:</label><br>
<input type="number" name="a" value=""><br>
+<br>
<label>输入第二个值:</label><br>
<input type="number" name="b" value=""><br>
=<br>
输出结果:<output name="res"></output>
</form>
</body>
</html>在这个示例中,我们通过 JavaScript 计算了两个数的和,并使用 <output> 标签来显示计算结果。
属性:
标签特有属性:
| 属性 | 值 | 描述 |
|---|---|---|
| for | element_id | 指定与该计算结果相关的其他元素的 ID 列表,表示计算结果与输入元素之间的关系。 |
| form | form_id | 指定该元素所关联的表单元素。 |
| name | name | 为输出元素定义名称。 |
全局属性:
HTML <output> 标签支持 HTML 中的全局属性。
事件属性:
HTML <output> 标签支持 HTML 中的事件属性。
支持的浏览器
| 元素 | Chrome | IE | Firefox | Opera | Safari |
|---|---|---|---|---|---|
<output> | 是 | 是 | 是 | 是 | 是 |
Chrome
IE
Firefox
Opera
Safari