html - Colspan 不适用于 html 中的输入字段

Question

我一直在尝试在表格中制作一个基本表单以保持所有输入字段完整，但我希望列之间有一些间隙，这就是我尝试插入 colspan 的原因。但它根本不起作用，当我尝试对 label 做同样的事情时它有效，但由于某种原因不适用于输入字段。任何人都可以帮我解决这个问题吗？

  <form>
    <table>
      <tr>
        <td>
          <label for = "first">First Name</label>
        </td>
        <td colspan="4">
          <input type = "text" id = "first">
        </td>
        <td>
          <label for = "last">Last Name</label>
        </td>
        <td>
          <input type = "text" id = "last">
        </td>
        <td>
          <button type="submit">Submit!</button>
        </td>
      </tr>
    </table>
  </form>

Answer 1

尝试在您的 css 中为您的输入字段添加边距:

input { margin-right: 10px; }