HTML表格
- html表格由
<table>標簽來定義,每個表格有若干行(由<tr>標簽來定義),每行被分割為若干單元(由<td>標簽來定義)。字母td指表格數(shù)據(jù),即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。
table
<table>標簽的屬性:
border 邊框,單位是像素,設置為0則不顯示邊框
width 表格的寬度 heigth表格的高度 cellspacing 單元格間距 默認值為2 單位是像素 cellpadding 單元格內(nèi)邊距 即單元格與單元格中內(nèi)容的間距 默認值為 0 align(對齊)<center、left、right>
<tr>定義表格的行
<td>定義表格單
<th>定義表格的表頭
<caption>定義表格標題
<colgroup>定義表格列的組
<col>定義表格列的屬性
<thead>定義表格的頁眉
<tfoot>定義表格的頁腳
<tbody>定義表格的主體
注釋:rowspan合并行,colspan合并列
span規(guī)定了<col>應該橫跨的列數(shù)
表單
HTML表單用于收集不同類型的用戶輸入。
表單是一個包含表單元素的區(qū)域。
表單元素是允許用戶在表單中輸入內(nèi)容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。
表單使用表單標簽 <form> 來設置
多數(shù)情況下被用到的表單標簽是輸入標簽(<input>)。
輸入類型是由類型屬性(type)定義的。
文本域通過<input type="text"> 標簽來設定
密碼字段
密碼字段通過標簽<input type="password"> 來定義
單選按鈕(Radio Buttons)
<input type="radio">標簽定義了表單單選框選項
復選框(Checkboxes)
<input type="checkbox"> 定義了復選框. 用戶需要從若干給定的選擇中選取一個或若干選項。
提交按鈕(Submit Button)
<input type="submit"> 定義了提交按鈕.
<form>定義供用戶輸入的表單
<input>定義輸入域
<textarea>定義文本域(一個多行的輸入控件)
<label>定義了filedset元素的標題。label 元素不會向用戶呈現(xiàn)任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內(nèi)點擊文本,就會觸發(fā)此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉(zhuǎn)到和標簽相關(guān)的表單控件上。<label> 標簽的 for 屬性應當與相關(guān)元素的 id 屬性相同。
<button>定義按鈕
<select>定義選擇列表(下拉列表)
<option>定義選擇列表中的選項
<optgroup>把相關(guān)的選項組合在一起
<filedset>定義了一組相關(guān)的表單元素,并使用外框包含起來。