Jollen's PHP 專欄 :: 2.13 PHP 與表單設計分類

77. 什麼是表單（form）？

jollen 發表於 October 27, 2006 8:14 PM

表單 (form) 指的是 HTML 的輸入表單，經由表單的幫助，使用者才能和我們的 Web 應用程式互動。底下我們將介紹 HTML 各種不同的表單輸入欄位，與 PHP 讀取該表單欄位的方法。 <form> 標籤是溝通 CGI 程式重要的 HTML 標籤，PHP 可經由 CGI 讀取由瀏覽器送入的 form 資料，底下要介紹的是 HTML 所支援的 <form> 標籤重要語法。 form 是由 <form> 與 </form> 一對的標籤所構成，利用 <input> 標籤可以讓使用者輸入資料，不同的 input 型態有不同的輸入欄型式，例如： <input type="text" name="id" size="8">...

78. 如何設計 "text"：文字輸入欄位欄位？

jollen 發表於 October 27, 2006 9:54 PM

text 屬於單列的文字輸入列，利用 FrontPage 或其它網頁編輯程式時，檢視 HTML 原始碼可以看到這樣的 HTML 語法： <input type="text" name="email" size="20"> 圖: text 文字輸入欄位當 input type 指定成 text 時，就是單列式的文字輸入欄位。PHP 讀取 text 的方法非常簡單，<input type="text" name="email" size="20"> 欄位裡的資料在 PHP 裡存放於 <input> 標籤 name 欄位相同名稱的變數。例如，要直接輸出名稱為 email 欄位的資料： echo $email; text...

79. 如何設計 textarea：文字輸入區塊？

jollen 發表於 October 27, 2006 9:55 PM

<textarea> 與 </textarea> 標籤是所謂的 textarea 文字輸入區塊的標籤，textarea 的 rows 與 cols 分別表示文字輸入區塊的寬度與長度。 <textarea rows="2" name="message" cols="20"></textarea> 圖: textarea 文字輸入區塊 PHP 讀取 textarea 資料的方法與 text 一樣。例如要直接輸出 textarea 裡的資料： <?php echo $message; ?> 但是要特別注意一點，如果在 textarea 裡輸入文字時按 enter 換行，在輸出成 HTML 時必須先將 "\n" 轉換成 "\n"...

80. 如何設計 checkbox：核對盒？

jollen 發表於 October 27, 2006 9:56 PM

checkbox 是所謂的核對盒，當核對盒被勾選，submit 表單時，就會送出 name=value 的資料給伺服器。 checkbox 表單輸入欄位範例： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <title>checkbox 輸入表單測試</title> </head> <body> <form method="post" action="checkbox.php"> <p>請選擇您的興趣？</p> <table border="0" width="28%"> <tr> <td width="14%" bgcolor="#DFDFDF" align="center"><input type="checkbox" name="interest[program]" value="程式寫作"> </td> <td width="86%"> 程式寫作 </td> </tr> <tr> <td width="14%"...

81. 如何設計 radio box：選擇鈕？

jollen 發表於 October 27, 2006 9:56 PM

radio box 與 checkbox 最大的差別在於，radio 用在多選一的情況，標籤裡有 checked 則是預設值，相同 name 的 radio box 同時間內只能選擇一個。submit 表單時，則是送出所選擇的 value。 radio box 的表單輸入欄位範例： <input type="radio" value="red" checked name="color">紅色<br> <input type="radio" name="color" value="black">黑色圖: radio box 選擇鈕如果選擇 "紅色"，則 $color = "red"；如果選擇黑色，則 $color = "black"。讀取...

82. 如何設計 select: 選擇欄位？

jollen 發表於 October 27, 2006 9:57 PM

select 選擇欄位有 2 種型式： 1. 單選式 2. 複選式底下是單選式的 select 欄位範例，其中顯示列數可以由 <select> 標籤的 size 欄位指定： <select name="book" size="1"> <option value="Linux Administrator">Linux Administrator</option> <option value="PHP Programming">PHP Programming</option> <option value="MySQL">MySQL</option> </select> 指定 size="1" 表示 select 單選式輸入欄位每次只顯示一個項目。在 <select> 標籤裡加上 multiple 即可變成複選式 select 欄位。...

83. 如何設計 hidden：隱藏欄位？

jollen 發表於 October 27, 2006 9:58 PM

hidden 標籤好用的地方在於，他可以幫我們在表單裡暗藏資料，並跟隨表單一同傳遞。例如： <input type="hidden" value="3" name="page"> 這個標籤並不會有任何的輸出，但是 submit 表單時，PHP 可以讀取到 page 的值，例如： echo $page; //輸出 3...