因爲今天我剛接觸了一個HTML標籤，<frameset></frameset>。感覺效果還不錯，便使用它設計了整體的框架。然後寫了五個php文件，當然都非常簡單的語句，php文件裏嵌套了HTML語句，設計出了這個註冊界面。實現非常簡單，沒有太多的功能。我現在先把註冊界面的效果圖貼出來,然後給出關鍵代碼，最後給出完整代碼：
這個界面看起來非常簡單，可以看出大體分爲了三個部分，上面一部分，下面兩個部分。那麼這三個部分就是用<frameset></frameset>進行分割的，這裏先給出界面分區的代碼貼出register.php（你可能會問爲什麼是php格式，其實php裏面支持嵌入HTML代碼）：
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用戶註冊</title>
</head>
<frameset rows="20%,*" frameborder="0">
<frameset cols="20%,*,20%" >
<frame />
<frame src="top.php" />
<frame />
</frameset>
<frameset cols="20%,20%,*,20%" >
<frame />
<frame src="left.php" />
<frame src="right.php" />
<frame />
</frameset>
</frameset><noframes></noframes>
</html>
</span><span style="font-size:18px;"><body bgcolor="#00FFFF">
<h1 align="center" style="font-size:50px">用戶註冊</h1>
</body>
</span>left.php代碼如下：
<span style="font-size:18px;"><body bgcolor="#FFFF99">
<ul>
<li>用戶名：不能重複，由漢字、字母、數字或下劃線組成</li>
<li>學號：請填寫真實學號，系統爲您保密</li>
<li>郵箱：請填寫常用郵箱，方便管理員與您聯繫</li>
</ul>
</body>
</span>right.php
<pre name="code" class="php"><span style="font-size:18px;"><form name="form" method="post" action="registerdeal.php" target="_parent">
<table width="400" height="400" cellpadding="0" cellspacing="0" border="0">
<tr><td width="200" align="right"><strong>用戶名：</strong></td><td width="200"><input name="name" type="text" size="20"/><label>*</label></td></tr>
<tr><td align="right"><strong>密 碼：</strong></td><td><input name="pwd" type="password"size="21"/><label>*</label></td></tr>
<tr><td align="right"><strong>確認密碼：</strong></td><td><input name="repwd" type="password" size="21"/><label>*</label></td></tr>
<tr><td align="right"><strong>學號：</strong></td><td ><input name="user_id" type="text" size="20"/><label>*</label></td></tr>
<tr><td align="right"><strong>性別：</strong></td><td><input type="radio" name="sex" checked="checked" value="男" />男 <input type="radio" name="sex" value="女"/>女</td></tr>
<tr><td align="right"><strong>手機：</strong></td><td><input name="phone" type="text" size="20"/></td></tr>
<tr><td align="right"><strong>QQ：</strong></td><td><input name="qq" type="text" size="20" /></td></tr>
<tr><td align="right"><strong>郵箱：</strong></td><td><input name="email" type="text" size="20"/><label>*</label></td></tr>
<tr>
<td></td>
<td><img name="ph" src="image2/tx1.png" width="50" height="50" /></td>
</tr>
<tr><td width="200" align="right"><strong>頭像:</strong></td>
<td>
<select name="photo" onChange="document.images.ph.src = this[this.selectedIndex].value">
<option value='image2/tx1.png'>頭像1</option>
<option value='image2/tx2.png'>頭像2</option>
<option value='image2/tx3.png'>頭像3</option>
<option value='image2/tx4.png'>頭像4</option>
<option value='image2/tx5.png'>頭像5</option>
</select>
</td>
</tr>
<tr><td align="right"><strong>地址：</strong></td><td><input name="address" type="text"size="20"/><label>*</label></td></tr></span><span style="font-size:18px;"> <tr><span style="font-family: Arial, Helvetica, sans-serif;"><td align="right"> <input type="submit" value="註冊" onClick="return check()"/></td></span><span style="font-family: Arial, Helvetica, sans-serif;"><td align="center"><input type="reset" value="重置" /></td></span></span><span style="font-size:18px;"> </table>
</form>
</span>這裏便是主要界面。整個界面用<form>包住，設置<form>的屬性name="form" （表單名字）method="post" （表單提交方式）action="registerdeal.php" （表單處理文件）target="_parent"（新窗口的位置）。表單裏面使用了一個表格，表格裏面先使用<tr>進行分行，然後每行分爲兩列，第一列寫名稱，第二列是輸入框。關於那個是怎麼更換頭像的，先不用管，用到了Javascript語言獲取控件對象然後更改。然後表格裏面各個標籤的屬性應該都很明白了。我這裏說一下 這個東西他其實代表一個字符的空格的意思。這是HTML裏面的實體標記，你可以看一下HTML手冊，（我這裏提供一個w3c的手冊與代碼一起上傳）找一下實體標記，一些標記通過我們鍵盤是打印不出來的。
register.php代碼：
<span style="font-size:18px;"><body>
<?php
$username = $_POST['name'];
$password = $_POST['pwd'];
$user_id = $_POST['user_id'];
$gender = $_POST['sex'];
$phone = $_POST['phone'];
$qq = $_POST['qq'];
$email = $_POST['email'];
$address = $_POST['address'];
$photo = $_POST['photo'];
echo "您的註冊信息如下：<br>"."姓名：".$username."<br>"."密碼：".$password."<br>"."學號：".$user_id."<br>"."性別:".$gender."<br>"."手機：".$phone."<br>"."QQ：".$qq."<br>"."郵箱：".$email."<br>"."地址：".$address."<br>";
echo "頭像：";
?>
<img src="<?php echo $photo;?>";
</body></span>關於各個屬性的作用，我想你可以這樣，刪除一個屬性，刷新一下界面，看看有什麼變化，有與沒有的區別在哪就會明白屬性的作用了。
這裏註冊界面只實現了傳遞信息，當然很簡單。以後我們要求的註冊界面有很多功能的。比如某些地方必填也就是帶*號的，這個可以不用提交就直接判斷然後把*改成×或者√。再就是檢測用戶名是不是已經註冊了，學號是不是唯一，郵箱格式什麼的。並且所有的這些都是提交到數據庫保存在數據庫，而不是這麼簡單的。基本各個網站註冊大概實現的功能以後就都能實現了。包括驗證碼什麼的都可以。現在這個太簡單了。
最後我提供這整個工程，一個壓縮文件，把這個壓縮文件解壓到你的服務器根目錄下就可以運行了。可以看一下效果。
註冊界面實現代碼（裏面含w3c手冊）提取碼：cc9w
如果有什麼不明白的地方可以給我留言。共同交流。
