如何将 HTML 输出字段分成 2 个单独的字段而不是一个合并的字段

Question

目前这段代码给了我我想要的数字结果，但是两个可能的输出显示为一个长数字，但我希望能够将它们分成自己的表格。

<form
 oninput="x.value=parseInt(a.value)*parseInt(300);y.value=parseInt(a.value)*parseInt(400);">
  <input name="a" value="" type="text">
<output name="x" for="a b"><br>
  </output><output name="y" for="a b"></output></form>

我尝试将每个字段放入一个表格中，例如

  <form
 oninput="x.value=parseInt(a.value)*parseInt(300);y.value=parseInt(a.value)*parseInt(400);">
  <output for="a b" name="y"></output>
  <table style="text-align: left; width: 100px;" border="1"
 cellpadding="2" cellspacing="2">
    <tbody>
      <tr>
        <td><input name="a" value="" type="text"></td>
      </tr>
<tr>
<td><output name="x" for="a b"></td>
</tr>
<tr>
<td><output name="y" for="a b"></td>
</tr>
    </tbody>
  </table>
</form>

但这只会将输入字段放入一个表中，一个输出和两个空白表空间......我迷路了。帮助？请问？

Answer 1

如果您删除表单下的两个杂乱无章的输出字段，应该可以正常工作，如下所示：

<form
    oninput="x.value=parseInt(a.value)*parseInt(300);y.value=parseInt(a.value)*parseInt(400);">
        <table style="text-align: left; width: 100px;" border="1"
        cellpadding="2" cellspacing="2">
        <tbody>
                <tr>
                    <td><input name="a" value="" type="text"></td>
                </tr>
                <tr>
                    <td><output name="x" for="a b"></td>
                </tr>
                <tr>
                    <td><output name="y" for="a b"></td>
                </tr>
            </tbody>
        </table>
    </form>

在一个表单中，一个名称只能使用一次，因此删除顶部（但在表格之外）名称为“y”的杂乱无章的元素应该删除表单中重复的“y”元素，让“oninput”代码找到正确的输出字段。