2010-05-04

完整表單:個人資料 (1)

請設計一個表單 (例如會員申請表),具有個人基本資料,並於使用者輸入資料後,顯示較合理 (人性化) 的結果。此範例包含兩個程式檔案:input.php 及 show.php

一、表單輸入畫面 (input.php)

可參考下列要求,或是自行變更設計,但請注意要包含下列各種表單欄位類型:

  • text (文字欄位)
  • password (密碼文字欄位)
  • radio (選項按鈕),至少兩組
  • select (下拉式清單)
  • checkbox (核取方塊),多個
  • textarea (文字區域)

設計表單參考如下圖 (input.php):


二、結果顯示畫面 (show.php)

先確定能夠將每一個輸入項目明顯地區別出來,如下:

但上述為不理想的顯示結果,因此請參考下表的要求,將各項個人基本資料輸入值轉換後顯示出來。


欄位
變數名稱
原本的顯示
應修正之要求及結果
姓名 *
$nickname
原封不動顯示出來
若無輸入資料,則改為『無名氏』
密碼
$password
原封不動顯示出來
***顯示星號***
性別 *
$gender
顯示MF或空白
依性別要顯示『男』、『女』或『未知』
同時在稱謂上顯示『先生』、『小姐』或『君』
血型 *
$blood
顯示ABOAB
除血型外,同時顯示出『歡迎加入XX型俱樂部』或類似文字
生日
$birth_yy
$birth_mm
$birth_dd
顯示年、月及日的數字
除年月日之外,同時再計算出該生日是春天、夏天、秋天或冬天。
或計算年齡等。
婚姻
$marriage
顯示Y或空白
依據已婚或未婚,顯示出相關的文字
興趣 *
$hobby1
$hobby2
$hobby3
$hobby4
……
顯示該元件之值(value)
若有勾選,則顯示文字,
若無勾選,則為空白
顯示出各個興趣的一列字串,中間用逗號隔開。同時再計算出有勾選的興趣數量
意見
$comment
原封不動顯示,但在網頁上所有的斷行都連在一起
在網頁上該分列顯示的部份應符合原本的輸入狀況


預期結果如下圖 (未經版面安排,但資料內容均已修改):

在 show.php 之程式要求:使用五種不同的條件判斷式
  • 單一條件語法
  • 雙重條件語法
  • 多重條件語法:if...elseif...elseif...else
  • 同一變數的多重條件:switch...case
  • 依條件指定變數值
請完成此一範例。


三、其他進階挑戰

試著將顯示結果再進一步合理化,例如:
  • 記錄時間
  • 將密碼改以相同字數的星號顯示
  • ……………


張貼留言

Whatsapp Button works on Mobile Device only

Start typing and press Enter to search