Tad 教材網 - 線上書籍

:::

\[1011\]XOOPS 2.5 模組開發
======================

[![](http://tad0616.net/uploads/dl.gif)](http://www.tad0616.net/uploads/tad_book3/file/1011/07.pdf)

### 一、 HTML表格

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

:::