📜  HTML output标签(1)

📅  最后修改于: 2023-12-03 15:31:11.286000             🧑  作者: Mango

HTML Output标签介绍

HTML Output标签是HTML5的一部分,这些标签可用于指定HTML文档的输出。

以下是HTML Output标签:

  • <output>
  • <progress>
  • <meter>
<output> 标签

<output> 标签用于定义计算结果,它是一种不同于文本框的表单元素。通过使用 for 属性,用于关联计算结果到表单中的某个输入字段或选择列表。当表单被提交时,被关联的计算结果也会一并提交。<output> 标签可以与一些新兴的Web API一起使用,例如 Geolocation API 和 Web Audio API。

使用示例:

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="number" id="a" value="0">
  +
  <input type="number" id="b" value="0">
  =
  <output name="result"></output>
</form>
<progress> 标签

<progress> 标签用于显示任务的进度。它是一个可嵌套的元素,可以指定 valuemax 属性来控制进度条的进度。

使用示例:

<progress value="60" max="100">60%</progress>
<meter> 标签

<meter> 标签用于在预定范围内显示当前值的量度条。它可以使用 minmaxvalue 属性来控制内部量度的状态。

使用示例:

<meter value="6" min="0" max="10">60%</meter>