如何正确安排字段名称和fielt本身？

Question

代码：

 #inputfield {
 width:300px;
 border: 2px solid #3f3f3f;
 height:30px;
 font-size:20px;
 padding-left:5px;
 color: #6f6f6f;
 }
 #inputname {
 margin-right:10px;
 font-size:20px;
 color: #3f3f3f;
 }


 <a id="inputname>Name:</a><input name="name" id="inputfield" type="text">
 <a id="inputname>Other Name:</a><input name="other" id="inputfield" type="text">
 <a id="inputname>Other Other Name:</a><input name="other_2" 
 id="inputfield" type="text">

名称和字段看起来不合适。我试图使表单的组织方式与它在此页面上的显示方式相同：

  https://secure.hulu.com/signup

Answer 1

要改变的事情：

1. 请勿使用id。使用class和.inputfield
2. 请务必将display设置为inline-block，以便浏览器尊重width
3. 您不需要<a>个标签。您需要<label>代码。
4. 将表单的每一行包裹在自己的<div>中，并使用它来设置行高和间距。