如何将HTML5 output标签的数据获取到PHP变量中？

你遇到的问题很典型——用<output>标签做前端实时计算后，没法通过PHP的$_POST获取到它的值。你的原始代码是这样的：

<form oninput="duyd.value = (+tot.value)-(+paid.value);" action="createinvoice.php" method="post" name="my-form"> 
  <output name="tot" for="subtot lasdue" id="tot"></output> 
  <input type="submit" name="Submit" value="Submit"> 
</form>

为什么会失败？ #

<output>标签的设计初衷是展示动态计算或输出结果，它不属于表单的可提交控件范畴。当表单提交时，浏览器不会自动把<output>的内容打包进POST数据里，所以后端PHP自然拿不到$_POST['tot']的值。

解决方案：改用标签存储计算结果 #

把<output>替换成<input>标签，给它设置正确的name（这是表单数据能被后端获取的核心）、id和for属性，同时保留原来的前端计算逻辑就行。调整后的代码示例：

<form oninput="duyd.value = (+tot.value)-(+paid.value);" action="createinvoice.php" method="post" name="my-form">
  <!-- 若tot是其他输入控件，需确保它有对应的name和value -->
  <input type="text" id="duyd" name="dued" for="tot paid" readonly>
  <input type="submit" name="Submit" value="Submit">
</form>

补充小细节：

• 可以给这个<input>加上readonly属性，避免用户手动修改计算结果，保持它和原<output>类似的展示属性。
• 要确保oninput事件里的目标（duyd.value）和<input>的id完全匹配，这样实时计算才能正常触发。
• 后端PHP现在可以通过$dued = $_POST['dued'];获取到计算后的值了。

内容的提问来源于stack exchange，提问作者Mosarof Hossain