7. 前台自製表單

表單及表格部份其實可以藉由所見即所得編輯軟體來完成。但直接由語法來完成不但更直接，且對於整體表單的操控性更高，與程式可以做更好的結合。
表格語法：<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 屬性。
大量文字框：<textarea name="名稱" cols="欄寬" rows="列高">預設值</textarea>