表格: <table> <tr> <th>表格1</th> </tr> <tr> <td>表格2</td> </tr> </table> 快捷鍵:table>tr*數量>td*數量 屬性名 屬性值 說明 align left、center、right border 1或“” 邊框 cellpad ...
表格:
<table> <tr> <th>表格1</th> </tr> <tr> <td>表格2</td> </tr> </table>
屬性名 |
屬性值 |
說明 |
align |
left、center、right |
|
border |
1或“” |
邊框 |
cellpadding |
像素值 |
|
cellspacing |
像素值 |
合併單元格: |
||
跨行: |
rowspan="合併單元格數量" |
|
跨列: |
colspan="合併單元格數量" |
|
刪除多餘的單元格 |
表單域 |
<form></form> |
|
屬性 |
屬性值 |
作用 |
action |
url地址 |
|
method |
get/post |
提交方式 |
name |
名稱 |
表單功能變數名稱稱 |
表單元素:
1、input輸入表單元素
<input type=" " /> |
|
名稱 |
元素 |
文本框 |
text |
密碼框 |
password |
單選框 |
radio |
覆選框 |
checkbox |
提交 |
submit |
重置 |
rest |
普通按鈕 |
button |
上傳文件 |
file |
隱藏無法在網頁顯示 |
hidden |
name |
元素名稱 |
value |
元素的值,多選框 |
checked |
預設選中,對單選框和覆選框 |
maxlength |
限製表單元素的字元數 |
size |
設置文本框/密碼框的長度 |
readonly |
只讀 |
disabled |
禁用 |
<label>標簽:(用於label之後可以把這個單選或覆選框跟文本描述關聯起來,這樣點擊文字就能選中這個單選框)
<input type="text". id="nan"><label for="nan">男</label>
2、select下拉表單元素(<option>中定義selected時,即為預設選中)
<select> <option>選擇1</option> <option>選擇1</option> </select>
3、定義多行文本輸入:(定義:(1)cols 顯示列數 (2)rows顯示行數)
<textarea>文本</textarea>
4、圖片按鈕:
<input type="image" src="圖片路徑" />