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...

| Top | Jollen's Forum |
Jollen's PHP 專欄採用 Attribution-NonCommercial-NoDerivs 2.5 授權條款
Copyright(c) 2001-2007 www.jollen.org