如何在HTML5中包含计算结果？

使用HTML5中的<output>标记来指定计算结果。HTML <output>标记还支持以下附加属性-

属性	值	描述
for	for	其他元素的ID列表，即它指示为计算贡献了输入值的元素。
form	form	允许将输出元素放置在文档中的任何位置。
name	name	它是元素的名称。

示例

您可以尝试运行以下代码，以了解如何在HTML5中实现<output>标记-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Output Tag</title>
   </head>
   <body>
      <form oninput = "sumresult.value = parseInt(z1.value)+parseInt(z2.value)+parseInt(z3.value)">
         <input type = "range" name = "z1" value = "0" /> +
         <input type = "number" name = "z2" value = "30" /> +
         <input type = "number" name = "z3" value = "60" /><br />
         The output is: <output name = "sumresult"></output>
      </form>
   </body>
</html>

基础教程