html - 样式表的 CSS 方法

Question

所以我有一个这样的表单，目前有一堆文本输入框和一个提交按钮。我不想使用表格(这看起来是一种困惑的方法)，而是使用 CSS。我将如何以一种看起来像样的/专业的方式来格式化它(希望问题不要太模糊？)

<h2>Add Record to Database</h2>
<form action="addrecord.psp" method="get">
Username: <input type="text" name="uname" size="12"/>
Machine Name:<input type="text" name="mname" size="8" />
Make: <input type=text" name="make" size="8" />
Model: <input type="text" name="model" size="8"/>
Service Tag: <input type="text" name="service" size="8"/>
Processor: <input type="text" name="processor" size="12"/><br />
Processor Speed: <input type="text" name="speed" size="4"/>
Amount of RAM: <input type="text" name="ram" size="3"/>
Type of RAM: <input type="text" name="ram2" size="4"/>
RAM Speed: <input type="text" name="rspeed" size="4"/><br />
Graphics Card: <input type="text" name=graphics" size="8"/>
Wired Mac Add: <input type="text" name="wired" size="17"/>
Wireless Mac Add: <input type="text" name="wireless" size="17"/><br />
OS: <input type="text" name="os" size="12"/>
Deploy Date: <input type="text" name="deploy" size="12"/>
Last Check-up: <input type="text" name="checkup" size="12"/>
<input type="submit" value="Submit" />
</form>
<br />

Answer 1

一些建议:

1. 你应该使用 POST相反 GET , 自 GET用于检索信息 ( More info )。

2. 您还应该使用 <label>在您的表单中添加标签，例如:

   <label for="uname">Username:</label>
   <input type="text" name="uname" size="12"/>
   

3. 尝试在字段上方对齐标签。它使阅读更容易。 More tips on forms usability.

4. 除此之外，您确实应该阅读一些 CSS 教程。你可以试试 HTMLdog或 Dev.Opera