表格樣式注意事項：

不要給table,th,td以外的表格標籤加樣式；

table{border-collapse:collapse} 去掉表格之間的單元格間隙。

單元格預設平分table的寬度；

th裡面的內容上下居中顯示，文字加粗；

td的內容預設上下居中，文字居左顯示；

table決定整個表格的寬度；

table裡面單元格的寬度會轉換為百分比；

表格裡面的每一列必須有寬度；

colspan 屬性規定單元格可橫跨的列數；

<td colspan=2></td>

rolspan 屬性規定單元格可橫跨的行數；

<td rolspan=2></td>

<form  action="提交的地址" method="post" target="_black"></form>  表單

<input type="submit"  value="提交"  name="後臺接受的資料名字"/> 提交按鈕

<input type="text"   name="後臺接受的資料名字"/>文字框

<input type="password"   name="後臺接受的資料名字"/>密碼框

<input type="radio"   name="後臺接受的資料名字"/> 男 單選按鈕

<input type="radio"   name="gender" id="a"/> <lable  for="a">男</lable>

<input type="radio"   name="gender" id="b"/> <lable  for="b">女</lable>

<input type="checkbox"   name="" />1  複選框  checked表示預設選中 disabled 表示禁止選中

<input type="checkbox"   name="" disabled />2

<input type="checkbox"   name="" checked />3

<input type="file"   name=""  />選擇檔案 不相容各大瀏覽器，不經常使用

<input type="hidden"   name=""  />隱藏按鈕

<input type="reset"   name=""  />重置按鈕

<select>      下拉選框   selected表示預設選中

<option>1</option>

<option>2</option>

<option  selected>3</option>

<option>4</option>

<option>5</option>

<option>6</option>

</select>

<textarea>  文字域 resize=none  禁止使用者調整textarea的視窗大小  overflow:auto;隱藏textarea的滾動條；

  content                                                outline:none;去掉textarea的焦點線

</textarea>

form與form之間有外邊距，所以重置的時候需要去掉外邊距

表單元素的預設樣式重置：

form{margin:0;}

input{margin:0;padding:0;}

select{margin:0;}

textarea{margin:0;padding:0;resize:none;overflow:auto;outline:none;}

a標籤輪廓線去除的方法：

1.<a href="#" onfocus="this.blur();"></a>

2.<a href="#" hideforcus></a>

表單元素相容性問題

IE6下背景滾動

解決問題，用一個同樣大小的div包住將背景圖設定給div，並將input的輸入背景置為none；