PHP開(kāi)發(fā)簡(jiǎn)單圖書(shū)借閱系統(tǒng)之用戶注冊(cè)頁(yè)
本節(jié)先創(chuàng)建一個(gè)注冊(cè)的前端頁(yè)面
把我們?cè)跀?shù)據(jù)庫(kù)表中創(chuàng)建的字段在HTML頁(yè)面中展示出來(lái)。
使用了<form>表單和<table>表格。
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <form name="form1" method="post" action="" enctype='multipart/form-data' onSubmit="return checkreg()" > <table width="782" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CCCCCC"> <tr> <th colspan="2" bgcolor="#FFFFFF"><font size="5">用 戶 注 冊(cè) 界 面</font></th> </tr> <tr> <td width="364" align="right" bgcolor="#FFFFFF">姓 名:</td> <td width="403" bgcolor="#FFFFFF"> <input type="text" name="name"> </tr> <tr> <td align="right" bgcolor="#FFFFFF">密 碼:</td> <td bgcolor="#FFFFFF"> <input type="password" name="password"> </tr> <tr> <td align="right" bgcolor="#FFFFFF">確認(rèn)密碼:</td> <td bgcolor="#FFFFFF"> <input type="password" name="pwd"> </tr> <tr> <td align="right" bgcolor="#FFFFFF">Email:</td> <td bgcolor="#FFFFFF"> <input type="text" name="email"> </tr> <tr> <td align="right" bgcolor="#FFFFFF">電 話:</td> <td bgcolor="#FFFFFF"> <input type="text" name="tel"> </tr> <tr> <td align="right" bgcolor="#FFFFFF">地 址:</td> <td bgcolor="#FFFFFF"> <input type="text" name="address"> </tr> <tr> <td align=right bgcolor="#FFFFFF" > <input type="submit" name="submit" value="注 冊(cè)"> </td> <td align=left bgcolor="#FFFFFF"> <input type="reset" name="submit" value="重 寫(xiě)"> </td> </tr> </table> </form>
完整注冊(cè)頁(yè)面文件reg.php代碼:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>圖書(shū)系統(tǒng)注冊(cè)頁(yè)面</title> <style> body,td,th {font-family: 微軟雅黑;font-size: 9px;color: #222;} body {background-color: #FFFFFF;line-height:20px;} a:link {color: #222;text-decoration: none;} a:visited {text-decoration: none;color: #222;} a:hover {text-decoration: underline;color: #FF0000;} a:active {text-decoration: none;color: #999999;} </style> </head> <body> <form name="form1" method="post" action="" enctype='multipart/form-data' onSubmit="return checkreg()" > <table width="" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CCCCCC"> <tr> <th colspan="2" bgcolor="#FFFFFF"><font size="5">用 戶 注 冊(cè) 界 面</font></th> </tr> <tr> <td width="100px" align="right" bgcolor="#FFFFFF">姓 名:</td> <td width="100px" bgcolor="#FFFFFF"> <input type="text" name="name"> </tr> <tr> <td align="right" bgcolor="#FFFFFF">密 碼:</td> <td bgcolor="#FFFFFF"> <input type="password" name="password"> </tr> <tr> <td align="right" bgcolor="#FFFFFF">確認(rèn)密碼:</td> <td bgcolor="#FFFFFF"> <input type="password" name="pwd"> </tr> <tr> <td align="right" bgcolor="#FFFFFF">Email:</td> <td bgcolor="#FFFFFF"> <input type="text" name="email"> </tr> <tr> <td align="right" bgcolor="#FFFFFF">電 話:</td> <td bgcolor="#FFFFFF"> <input type="text" name="tel"> </tr> <tr> <td align="right" bgcolor="#FFFFFF">地 址:</td> <td bgcolor="#FFFFFF"> <input type="text" name="address"> </tr> <tr> <td align=right bgcolor="#FFFFFF" > <input type="submit" name="submit" value="注 冊(cè)"> </td> <td align=left bgcolor="#FFFFFF"> <input type="reset" name="submit" value="重 寫(xiě)"> </td> </tr> </table> </form> </body> </html>