HTML output标签

本文概述

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>

立即测试

输出:

HTML output标签

属性

特定于标签的属性:

属性 描述
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
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?