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> 标签来显示计算结果。

属性:

标签特有属性:

属性描述
forelement_id指定与该计算结果相关的其他元素的 ID 列表,表示计算结果与输入元素之间的关系。
formform_id指定该元素所关联的表单元素。
namename为输出元素定义名称。

全局属性:

HTML <output> 标签支持 HTML 中的全局属性。

事件属性:

HTML <output> 标签支持 HTML 中的事件属性。

支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<output>

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML高级教程, HTML面试题, HTML笔试题, HTML编程思想