[1011]XOOPS 2.5 模組開發
一、 HTML表格
- 表單及表格部份其實可以藉由所見即所得編輯軟體來完成。但直接由語法來完成不但更直接,且對於整體表單的操控性更高,與程式可以做更好的結合。
- 表格語法:<table></table>,常用屬性:對齊 align(left,center,right)、背景色 bgcolor、邊框border、內邊距cellpadding、欄間距cellspacing、表格摘要summary、寬度width
- 表格橫列:<tr></tr>(這並無法直接放資料,而是用來定義一個範圍而已),常用屬性:對齊 align(left, center, right, justify)、背景色 bgcolor、垂直對齊valign(top, middle, bottom, baseline)
- 儲存格:<td>內容</td>(這才是真正放資料的地方,需放在<tr>中)
- 儲存格標題:<th>表格標題<th>(和<td>用法相同,僅外觀和意義不同),<td>和<th>常用屬性:對齊align(left, right, center, justify)、背景色 bgcolor、水平合併colspan 、高度 height、不斷行 nowrap、垂直合併rowspan、垂直對齊valign(top, middle, bottom,baseline)、寬度 width
二、基礎表單的 HTML 語法
- <form action="接收程式.php" method="傳送方式">表單</form>
- (1) action 屬性:用來指定使用者填好的東西,要送去給哪個程式來執行。
- (2) method 屬性:指定傳送方法,可以是 POST(建議)或 GET(預設)
- (3) 如果希望表單可以上傳,必須加入 enctype="multipart/form-data"
三、最基礎的 input 表單元件
- <input type="格式" name="名稱" size="大小" value="預設值">
- 其中的 name 最重要!一定要有!因為 name 送出後,會變成 PHP 的變數名稱。例如表單有個:<input type="text" name="tel">,表單送出後,方法若用 post,那麼會得到 $_POST['tel'] 變數;若是用 get,那就是 $_GET['tel']
四、常用的表單元件 HTML 語法及屬性
- 文字框:<input type="text" name="名稱" value="預設值" size="大小">
- 隱藏框:<input type="hidden" name="名稱" value="預設值">
- 密碼框:<input type="password" name="名稱" size="大小">
- 上傳框:<input type="file" name="名稱" size="大小">
- 送出鈕:<input type="submit" value="按鈕文字">
- 單選框:<input type="radio" name="名稱" value="值 1">選項文字 1
- (1) 單選框通常會有好幾個選項,一組選項就要一組<input>,name 都要一樣才行!
- (2) 若要預設選取,要加上 checked="checked"
- (3) 可以用<label for="id">選項</label>,以便點選文字就可以勾選該項目。
- 複選框:<input type="checkbox" name="名稱[]" value="值 1">選項文字 1
- (1) 複選框通常同時會有好幾個選項,一組選項就要一組<input>
- (2) name 都要一樣才行!而且因為是複選,所以 name 要加上[],如此會送出陣列。
- (3) 若要預設選取,要加上 checked="checked"
- 下拉選單:<select name="名稱" size=1>選項</select>
- (1) 選項:<option value="值">選項文字</option>
- a. 一組選項,就是一組<option>
- b. 若要預設選取:要在<option>中加入 selected="selected"
- (2) 若希望下拉選單可以複選,除了 name 要加上[]外,還要加上 multiple 屬性。
- (1) 選項:<option value="值">選項文字</option>
- 大量文字框:<textarea name="名稱" cols="欄寬" rows="列高">預設值</textarea>