PHP接收HTML Form的資料

表單用於讓使用者填寫並上傳資料，表單使用標籤form，以下所有範例都需要寫在標籤form內，標籤form內可以使用標籤input、select與textarea以下分別介紹。

(一)標籤input有許多不同的type，對應不同的功能，以下分別以範例進行說明。

(1)button：按鈕，可以使用onclick與JavaScript結合。

<input type="button" onclick="getData()" value="送出">

補充說明：點選按鈕會呼叫函式getData。

(2)submit：按鈕，用於送出表單。

<input type="submit" value="送出">

(3)reset：重設按鈕，將表單中所有元素還原為預設值。

<input type="reset" value="清空表單">

(4)date：選擇日期

生日<input type="date" name="birth">

(5)time：輸入時間

輸入時間<input type="time" name="time">

(6)datetime-local：輸入日期與時間

輸入日期時間<input type="datetime-local" name="datetime">

(7)Text輸入文字

姓名<input type="text" name="name" required placeholder="黃XX">

補充說明：required表示此欄位一定需要填寫，placeholder表示輸入值的範例。

(8)Number：輸入數字

訂購個數(1-10)<input type="number" name="num1" min="1" max="10">

補充說明：使用min設定輸入的最小值，max設定輸入的最大值。

(9)range：以區間輸入數值

輸入個數1<input type="range" name="num3" min="1" max="10">10

補充說明：使用min設定區間的最小值，max設定區間的最大值。

(10)email：輸入電子郵件

電子郵件<input type="email" name="email">

 (11)tel：輸入電話

電話<input type="tel" name="phone" value="09xx-xxx-xxx">

補充說明：使用value表示輸入值範例。

(12)password輸入密碼

密碼<input type="password" name="pass"  required>

 補充說明：required表示此欄位一定需要填寫。

(13)checkbox核取方塊，用於複選。

<input type="checkbox" name="sport" value="baseball">棒球<br>

<input type="checkbox" name="sport" value="basketball">籃球<br>

<input type="checkbox" name="sport" value="football">足球<br>

補充說明：value表示該選項的回傳值。

(14)radio單選按鈕

<input type="radio" name="gender" value="male"> 男 <br>

<input type="radio" name="gender" value="female" checked> 女 <br>

<input type="radio" name="gender" value="other"> 其他 <br>

補充說明：checked表示預設勾選該選項，單選按鈕的每個選項的屬性name要有相同的值，使用屬性name進行區隔，才會造成這些選項只能選其中之一。

(二)標籤select為下拉選單，只適用於單選問題，範例如下。

<select name="num1">

    <option value="1">1</option>

    <option value="2" selected>2</option>

    <option value="3">3</option>

    <option value="4">4</option>

    <option value="5">5</option>

</select>

補充說明：selected表示預設選取該選項。

(三)標籤textarea為多行文字的輸入，可以設定輸入文字的列數與行數。

<textarea name="textarea" rows="10" cols="50">請在此輸入訊息</textarea>

補充說明：rows表示輸入文字的列數，cols表示輸入文字的行數。

範例一

以下使用form輸入帳號與密碼，使用login.html輸入輸入帳號與密碼，標籤form設定使用form.php接收輸入的帳號與密碼。