请求用户输入的最佳方式是什么

Question

我想要求用户提供信息。见下面的例子：

Your Name: |_________|
      Age: |_________|
  Address: |_________|

在HTML中对上述代码进行编码的最佳方法是什么？

1. 最好在 div 中实施。为label和input
左右 div
2. 最好在表格
中实施

Answer 1

1. 没有
2. 没有

您只需要标签和输入。

label {
  width: 16em; /* Adjust for taste */
  padding-right: 1em;
  text-align: right;
  float: left;
  clear: left;
}

Answer 2

通过CSS进行表单样式清晰实用，并且具有以预期方式使用HTML标记的额外好处。

您的表单HTML可以这样写：

<form>
    <label>Your Name:</label>
    <input type="text" name="your_name" /><br />
    <label>Age:</label>
    <input type="text" name="age" /><br />
    <label>Address:</label>
    <input type="text" name="address" /><br />
</form>

您的CSS将如下所示：

<style type="text/css">
    form label {
      float: left;
      width: 100px;
      text-align: right;
      }

    form input {
      float: left;
      width: 335px;
      text-align: left;
      }
    form br {
      clear: both;
    }
</style>

表格是为表格数据设计的。如果您希望在电子表格中看到您的数据，则可以在HTML表格中使用它。否则，应该使用CSS来设置您的布局样式。

Answer 3

我在table中做了更多表格，因为我讨厌用浏览器中的差异来解决它们如何用css控制控件。