10-2-2 線上加入會員的表單網頁
[color=darkred][size=4][b]10-2-2 線上加入會員的表單網頁[/b][/size][/color]當我們要在網頁中提供一個可以讓連線瀏覽者填寫資料的資料欄位區域，則必須設計一個「加入會員」的表單，讓連線的瀏覽者可以在上面填寫個人資料，並且要能將這些個人資料資料送給我們處理新增會員資料的PHP程式「addin.php」記錄以及處理這些會員資料。現在我們就來製作一個可以讓連線瀏覽者填寫資料的表單網頁「adduser.htm」：
[attach]5717[/attach]
圖10-9 adduser.htm。
[table=461]
[tr][td=1,1,62][p=30, 2, center][b][size=2]編號[/size][/b][/p][/td][td=1,1,132][p=30, 2, center][b][size=2]欄位[/size][/b][/p][/td][td=1,1,103][p=30, 2, center][b][size=2]欄位名稱[/size][/b][/p][/td][td=1,1,164][p=30, 2, center][b][size=2]表單元件[/size][/b][/p][/td][/tr]
[tr][td=1,1,62][p=30, 2, center][b][color=#000000][size=2]１[/size][/color][/b][/p][/td][td=1,1,132][p=30, 2, left][color=#000000][size=2]尊姓大名[/size][/color][/p][/td][td=1,1,103][p=30, 2, left][color=#000000][size=2]Name[/size][/color][/p][/td][td=1,1,164][p=30, 2, left][color=#000000][size=2]單行文字方塊[/size][/color][/p][/td][/tr]
[tr][td=1,1,62][p=30, 2, center][b][color=#000000][size=2]２[/size][/color][/b][/p][/td][td=1,1,132][p=30, 2, left][color=#000000][size=2]E-mail[/size][/color][/p][/td][td=1,1,103][p=30, 2, left][color=#000000][size=2]Email[/size][/color][/p][/td][td=1,1,164][p=30, 2, left][color=#000000][size=2]單行文字方塊[/size][/color][/p][/td][/tr]
[tr][td=1,1,62][p=30, 2, center][b][color=#000000][size=2]３[/size][/color][/b][/p][/td][td=1,1,132][p=30, 2, left][color=#000000][size=2]登入名稱[/size][/color][/p][/td][td=1,1,103][p=30, 2, left][color=#000000][size=2]ID[/size][/color][/p][/td][td=1,1,164][p=30, 2, left][color=#000000][size=2]單行文字方塊[/size][/color][/p][/td][/tr]
[tr][td=1,1,62][p=30, 2, center][b][color=#000000][size=2]４[/size][/color][/b][/p][/td][td=1,1,132][p=30, 2, left][color=#000000][size=2]登入密碼[/size][/color][/p][/td][td=1,1,103][p=30, 2, left][color=#000000][size=2]Password[/size][/color][/p][/td][td=1,1,164][p=30, 2, left][color=#000000][size=2]密碼欄位[/size][/color][/p][/td][/tr]
[tr][td=1,1,62][p=30, 2, center][b][color=#000000][size=2]５[/size][/color][/b][/p][/td][td=1,1,132][p=30, 2, left][color=#000000][size=2]線上新增[/size][/color][/p][/td][td=1,1,103][p=30, 2, left][color=#000000][size=2]Submit[/size][/color][/p][/td][td=1,1,164][p=30, 2, left][color=#000000][size=2]按鈕[/size][/color][/p][/td][/tr]
[/table]
「尊姓大名」網頁敘述標籤：[code]<input type="text" name="name" size="20">[/code]「E-mail」網頁敘述標籤：[code]<input type="text" name="email" size="20" >[/code]「登入名稱」網頁敘述標籤：[code]<input type="text" name="ID" size="20">[/code]「登入密碼」網頁敘述標籤：[code]<input type="password" name="Password" size="20">[/code][color=Red]請特別注意[/color]：表單內容資料的傳送方式我們設定為「Post」，而且當這些意見資料被送達到網頁伺服器後，網路伺服器端負責處理意見資料的PHP程式是「addin.php」：[code]<form method="POST" action="addin.php">[/code] 「加入會員」的網頁沒有任何程式，因此，這個加入會員網頁的副檔名定為*.htm即可。
adduser.htm[code]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>加入會員</title>
</head>
<body bgcolor="#FFFFFF">
<h3 align="center">
<img border="0" src="adduser.gif" width="301" height="51">
</h3>
<form action="addin.php" method="POST">
<div align="center">
<center>
<table border="0">
<tr><td align="right"><font size="2">尊姓大名：</font></td>
<td><font size="2"><input type="text" size="20" name="Name">
</font></td></tr>
<tr><td align="right"><font size="2">E-Mail：</font></td>
<td><font size="2">
<input type="text" size="20" name="Email">
</font></td></tr><tr>
<td align="right"><font size="2">登入名稱：</font></td>
<td><font size="2"><input type="text" size="20" name="ID"></font></td>
</tr>
<tr><td align="right"><font size="2">登入密碼：</font></td>
<td><font size="2">
<input type="password" size="20" name="Password">
</font></td></tr>
</table></center></div>
<p align="center"><input type="submit" value=" 線上新增 "> </p>
</form>
</body>
</html>[/code]
頁:
[1]