<output> 标签是 HTML5 中的新标签。

下面是我在开发过程中总结的一些小经验

语法

<output name="name">

官方给出的一个演示如下

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>

这是在表单中使用,或者可以再JS中使用也比较方便。

下面是我自己尝试出来的一种效果,需要使用JS

将下面的代码放到你的FORM中

<input type="number" id="s" value="1" oninput="x.value=parseInt(s.value)+parseInt(e.value)">
+<input type="number" id="e" value="50" oninput="x.value=parseInt(s.value)+parseInt(e.value)">
=<output name="x" for="s e"></output>

然后看看效果吧