HTML <output> 标签

2025年3月25日 | 1 分钟阅读

HTML <output> 标签用于显示某些计算的结果（由 JavaScript 执行）或用户操作的结果（例如，向表单元素输入数据）。

<output> 标签是一个新添加的标签，在 HTML5 中引入。

语法

以下是关于 HTML <output> 标签的一些规范

显示	内联
开始标签/结束标签	开始和结束标签均有
用途	表单和输入

示例

<!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	它指定了该元素所属的表单元素。
name	name	它为 output 元素定义了名称。

全局属性

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

事件属性

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

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<output>	是的	是的	是的	是的	是的

下一个主题HTML paragraph 标签

HTML <output> 标签

语法

示例

属性

标签特定属性

全局属性

事件属性

支持的浏览器

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

HTML 教程

HTML 属性

HTML 标签列表

HTML5 高级

HTML API

HTML 颜色名称

HTML 杂项

选择题

面试题

HTML <output> 标签

语法

示例

属性

标签特定属性

全局属性

事件属性

支持的浏览器

相关帖子

HTML section 标签

HTML br 标签

HTML tt 标签

HTML abbr 标签

HTML del 标签

HTML canvas 标签

HTML th 标签

HTML noscript 标签

HTML <head> 标签

HTML div 标签

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器