本節將會提供一個綜合是執行個體，會將前面的章節範例中介紹的各種有關表單的各個組件進行一個大融合，實現所有組件在一起的綜合應用。主要在前面章節中“在普通WEB頁面中插入表單”的基礎上，使用PHP代碼實現擷取表單元素的值。通過 POST()方法將各個組件的值提交到本頁面，通過$_POST 來擷取提交的值。
其具體的操作步驟如下所示：
（1） 表單的HTML頁面設計如下，直接上代碼：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <table width="400" border="1" cellpadding="1" bgcolor="#999999"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">姓名：</td> <td height="25"> <input name="user" type="text" id="user" size="20" maxlength="100"> </td> </tr> <tr bgcolor="#FFCC33"> <td height="25" align="right">性別：</td> <td height="25" colspan="2" align="left"> <input name="sex" type="radio" value="男" checked>男 <input name="sex" type="radio" value="女" >女 </td> </tr> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">密碼：</td> <td width="289" height="25" colspan="2" align="left"> <input name="pwd" type="password" id="pwd" size="20" maxlength="100"> </td> </tr> <tr bgcolor="#FFCC33"> <td height="25" align="right">學曆：</td> <td height="25" colspan="2" align="left"> <select name="select"> <option value="專科">專科</option> <option value="本科" selected>本科</option> <option value="高中">高中</option> </select> </td> </tr> <tr bgcolor="#FFCC33"> <td height="25" align="right">愛好：</td> <td height="25" colspan="2" align="left"> <input name="fond[]" type="checkbox" id="fond[]" value="音樂">音樂 <input name="fond[]" type="checkbox" id="fond[]" value="體育">體育 <input name="fond[]" type="checkbox" id="fond[]" value="美術">美術 </td> </tr> <tr bgcolor="#FFCC33"> <td height="25" align="right">照片上傳：</td> <td height="25" colspan="2"> <input name="image" type="file" id="image" size="20" maxlength="100"> </td> </tr> <tr bgcolor="#FFCC33"> <td height="25" align="right">簡歷：</td> <td height="25" colspan="2"> <textarea name="intro" cols="30" rows="10" id="intro"></textarea> </td> </tr> <tr align="center" bgcolor="#FFCC33"> <td height="25" colspan="3"> <input type="submit" name="submit" value="提交"> <input type="reset" name="reset" value="重設"> </td> </tr> </table></form></body></html>
該表單包括了常用表單元素：單行文字框、多行文字框、單選項（radio）、多選項（checkbox），以及多選菜單。
列表框是列表菜單，它的命名屬性下都有自己的值供選擇。selected是一個特定的屬性選擇元素，如果某個option附加有該屬性，在顯示時就把該項列為第一項顯示。
intro文字框中的內容，按照rows和cols顯示文字、行和列寬。
checked標籤是指單選項和多選項中的某個值，預設已經被選擇。
（2）對錶單提交的資料進行處理，從而把表單中輸入的各種提交的資料輸出到當前頁面，其代碼如下的格式：
<?php if($_POST['submit']!= ""){ //判斷是否提交了表單 echo "您的個人簡曆為：".'<br>'; echo "姓名：".$_POST['user'].'<br>'; //輸出使用者名稱 echo "性別：".$_POST['sex'].'<br>'; //輸出性別 echo "密碼：".$_POST['pwd'].'<br>'; //輸出密碼 echo "學曆：".$_POST['select'].'<br>'; //輸出學曆 echo "愛好："; for($i=0;$i<count($_POST["fond"]);$i++){ //擷取愛好的複選框的值 echo $_POST["fond"][$i].' '; } echo "<br>"; $path = './upfiles/'.$_FILES['image']['name']; // 指定上傳的路徑和檔案名稱 //move_uploaded_file($_FILES['image']['img_name'],$path); //上傳檔案 echo "照片："."$path".'<br>'; //輸出個人照片的路徑 echo "簡歷：".$_POST['intro']; //輸出簡歷的內容 }?>
說明：關於上傳檔案或者圖片請參考topic.alibabacloud.comphp $_FILES詳解
（3）在上面的執行個體中的根目錄下建立一個 upfiles 檔案夾, 用來儲存上傳的檔案。
（4）在瀏覽器中輸入運行地址，按斷行符號鍵，得到如所示的運行結果：
總結：以上就是PHP 與 WBE表單的綜合應用，朋友們需要多多練習，掌握這些技術要點，就可以對錶單應用比較自如，意味已經有了開發動態網頁面的能力，為下一步深入學習PHP語言奠定良好的基礎。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
