HTML <output>标签，定义不同类型输出

<output>标签

form表单一般可以通过action属性中的url来将用户的数据发送到服务器端，可当要将表单的数据在本地进行处理，即不添加action属性的情况下，该如何设置呢？HTML的<output>标签提供了一个可以让表单即时输出的功能，与input元素对应output。具体可见下方实例。

提示：output元素包含起始标签和结束标签。

提示：output定义的是HTML文档中不同类型的输出。

output元素实例代码，及在线编辑器

<form oninput="xyz.value=parseInt(x.value)+parseInt(y.value)">
   <input type="text" id="x">
   +<input type="text" id="y">
   =<output name="xyz" for="x y"></output>
</form>

实例代码提示

如上代码，只要在输入框内输入数字，对应的output元素将及时输出运算的数值。

output属性

如上面实例中的for、name：

属性	描述
name	值为自定义文本，指定output唯一的名称
for	一个或多个表单内部控件的id值，指定与output相关的一个或多个元素
form	值为一个或多个表单form的id值，指定output属于哪个或哪几个表单

hot：热门