HTML output 标签

htmlweb developmentfront end technology更新于 2026/1/28 13:32:17

HTML 中的 <output> 标签用于显示计算的输出。该标签于 HTML5 中引入。

以下是 − 属性

for - 计算结果与计算中使用的元素之间的关系
form - 输出元素所属的表单
name - 输出元素的名称

现在让我们看一个实现 <output> 标签的示例 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Result</h2>
<form oninput="n.value=parseInt(p
   .value)+parseInt(q.value)+parseInt(r.value)">0
   <input type="range" id="p" value="25">100
   +<input type="number" id="q" value="50">+<input type="number" id="r" value="50">
   =<output name="n" for="p q r"></output>
</form>
</body>
</html>