Php網頁設計— 個人基本資料 操作步驟

一、編輯個人基本資料輸入介面網頁

1. 設定網站

2. 另存新檔至D:\user\d235xxxx\public_html，檔名為form.php

3. 將「標題」修改為基本資料

4. 插入表單：「表單」/「表單」圖示

5. 在表單內插入表格：「常用」/「插入表格」圖示，5列2欄

6. 在表格內輸入以下文字及表單元件

7. 分別選取所有欄位，將下方「屬性」面板的左邊名稱分為修改為name、year、month、day、sex及interest

8. 第一個按鈕的「標籤」修改為「確定」

9. 第二個按鈕的「動作」修改為「重設表單」

10. 按下<form>，將下方的「屬性」面板中的「動作」設定為「form2.php」

11. 儲存後，上傳form.php

12. 進入瀏覽器I.E, 網址輸入「http://www.fg.tp.edu.tw/~d235xxxx/form.php」

二、以迴圈方式設定月日的清單值

1. 在form.php中，切換至「程式碼檢視」

2. 將「月」與「日」清單中的<option…>….</option>

更改為

三、編輯個人基本資料顯示網頁

1. 開新檔案：「檔案」/「開新檔案」/「動態網頁」/「PHP」

2. 另存新檔至 D:\user\d235xxxx\public_html，檔名為form2.php

3. 將「標題」修改為「基本資料」。

4. 切換至「顯示程式碼檢視」，開始編寫程式

(程式碼檢視的顯示字型修改：「編輯」/「偏好設定」/「字體」)

(程式碼顯示行號：「檢視」/「程式碼檢視選項」/「行號」)

四、以表格方式顯示輸出畫面

1. 在form2.php中，設計以下畫面

2. 切換至「程式碼檢視」，繼續完成表單所有欄位的變數接收與表格顯示，程式碼如下：