Question

我写了一个小测试表来查看输出标记在html中的工作原理。这是我的表格。

<form onsubmit="return false" oninput="d.value = (a.valueAsNumber + b.valueAsNumber + c.valueAsNumber)">
  <legend>Test</legend>

  <p><label for="a">Enter A:</label>
  <input type="number" min="0" id="a" value=0 name="a"></p>

  <p><label for="b">Enter B:</label>
  <input type="number" min="0" id="b" value=0 name="b"></p>

  <p><label for="c">Enter C:</label> 
  <input type="number" min="0" id="c" value=0 name="c"></p>

  <p>Sum: <strong><output name="d" for="a b c">0</output></strong></p>
</form>

但我没有以我期望的形式获得输出。这是我通过测试网站运行代码时看到的内容。（当然，格式化不会复制。）

Test
Enter A:  3

Enter B:  4

Enter C:  5

Sum: 
12

我认为总和应该与它的标签显示在同一行，对吗？关于它为什么会在新线上打印的任何想法？

Answer 1

Bootstrap的CSS将var ws = new WebSocket('wss://apiv2.unificationengine.com/v2/ws/start', { origin: 'https://apiv2.unificationengine.com', headers: { Authorization: 'base64 auth' } });的样式设置为output。您需要在自己的CSS中覆盖它。

例如：

display:block

HTML输出标记放错线

1 个答案: