📜  HTML |<output>对于属性(1)

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

HTML | 对于属性

简介

<output>标签用于显示计算的结果。它可以在表单中使用,并将其值显示给用户。当提交表单时,可以向服务器发送 <output> 元素的值,就像 <input> 元素一样。

语法
<output for="id_of_form_element" name="output_name">Output Text</output>
  • for 属性:用于将 output 与表单中的元素关联起来。它的值应该是相应元素的 id
  • name 属性:指定输出值的名称。
  • value 属性:指定输出值的初始值。
  • form 属性:在哪个表单中声明元素。

注意:<output>标签不支持 value 属性。

示例
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" id="a" value="50">
  +<br>
  <input type="number" id="b" value="10">
  =<br>
  <output name="result" for="a b"></output>
</form>

这个例子将两个输入字段相加,并将结果显示在 <output> 元素中。

支持的浏览器

<output>标签在现代浏览器中都有良好的支持。但在旧版本的 Internet Explorer 中不支持此标记。