html中output标签详细介绍_html output-CSDN博客

声明：建议参考原文，原文在百度中，不方便收藏，所以转发一下，方便下次阅读。
转自：baidu_html中output标签详细介绍

在html版本中，新增了很多新标签，今天就给大家介绍其中的一个，output标签。output标签虽然不常用，但是作为html5中新增的标签，肯定有它的用武之地了，接下来跟着小编一起来学习output标签吧！

“output” 作为英文单词，有“输出”的意思，那它作为html中的标签又充当怎样的角色呢？我们一起来看看html中output标签的定义及用法吧！

一、output标签定义及用法

在html中，output标签是html5新增标签，是使用来定义不同类型的输出（比如：脚本的输出）。output标签通常和form表单一起使用，用来输出显示计算结果。

二、output标签语法格式

<output name="名称" for="element_id">默认内容</output>

说明：output标签中的内容为默认显示内容，它会随着相关元素的改变而变化。

三、output标签属性

for：定义输出域相关的一个或多个元素，以空格隔开。

form：定义输入字段所属的一个或多个表单，以空格隔开。

name：定义对象的唯一名称（表单提交时使用）。

四、实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>html中output标签详细介绍</title>
</head>

<body style="background-color: bisque;">
    <h4>output标签演示：</h4>
    <h5>加法计算器</h5>
    <form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
        <input type="number" id="a" value="0"> +
        <input type="number" id="b" value="0"> =
        <output name="x" for="a b">0</output>
    </form>
</body>
</html>

运行结果演示：