最近一直忙于工作，修改BUG，很少有時間上來總結一些東西，實在抱歉，對于時間的管理上自己還是得加強，沒時間不能做為一種理由。

提高用戶體驗關鍵在于細節。

經常會發現一些表單元素與標簽對不齊的現象，如下圖片所示：

?

?

做為專業者不能視而不見的，其實兩句代碼就能將對齊解決：

    body{font-family:Tahoma;}
input,label{vertical-align:middle;}
  

? 其中font-family:Tahoma為關鍵點, 當然你可以根據自已需要而更改，不需在BODY里控制font-family，可以定義一個class，運用到提示文字的容器里。

    <form id="form1" name="form1" method="post" action="">
 <p>
  <input type="checkbox" name="checkbox" value="checkbox" />
  <label>選項一</label>
 </p>
 <p>
  <input type="checkbox" name="checkbox" value="checkbox" />
  <label>選項二</label>
 </p>
 <p>
  <input type="radio" name="radiobutton" value="radiobutton" />
  <label>選項一</label>
 </p>
 <p>
  <input type="radio" name="radiobutton" value="radiobutton" />
  <label>選項二</label>
 </p>
</form>
  

類似表單還在整理一套規范，希望大家提寶貴建議?~

表單元素對齊