HTML表单 - 一个输入的多个输出？

Question

还是个初学者，所以请温柔对待我。

我正在构建一个 html“应用程序”，它需要您离开家几天作为输入并计算多个输出，例如：Pack：5 衬衫，5 内衣, 3 双袜子..

<form oninput="x.value=(d.value).toFixed(0)">

<p>I'm going to be off-home for <input type="number" id="d" value=""> days. </p>

<p>I'll pack:</p><output id="result" name="x" for="d">X</output> <p>shirts.</p>
<output id="result" name="x" for="d">X</output> <p>underwears.</p>

</form>

目前我设法让一个输出工作，但如果我添加第二个输出，它将无法工作。我已阅读表单/输入/输出文档 - 它没有为我打开。

问题：

如何从一个输入打印多个输出？

和

如何计算输出的不同值？

(例如输入值为5，我希望袜子的数量为(5/2).toFixed(0)

我更喜欢纯 HTML 的解决方案，但如果需要 javascript，请帮助我开始。

Answer 1

我不想告诉你，但你已经在使用 JavaScript :)

oninput="x.value=(d.value).toFixed(0)"

您可能还想重新考虑使用“输出”标签，因为 IE 不支持它： Output tag

HTML 用于定义文档的结构，因此您必须使用 JavaScript（或等效的）来获得所需的功能。