1. 程式人生 > >HTML實現使用者註冊介面

HTML實現使用者註冊介面

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>使用者註冊頁面</title>
    </head>
    <body>
        <h3>註冊頁面</h3>
        <hr />
        <form action="#" method="get">
            <table border="1px">
<tr height="35px"> <td width="150px">使用者名稱</td> <td width="300px"> <input type="text" name="uname" id="uname" value="" /> </td> </tr> <tr
height="35px">
<td >密碼</td> <td> <input type="password" name="pwd" id="pwd" value="" /> </td> </tr> <tr height="35px"> <td
>
手機號</td> <td> <input type="text" name="phone" id="phone" value="" /> </td> </tr> <tr height="35px"> <td >郵箱</td> <td> <input type="password" name="pwd" id="pwd" value="" /> </td> </tr> <tr height="35px"> <td>性別</td> <td><input type="radio" name="sex" id="" value="1" /><input type="radio" name="sex" id="" value="0" /> </td> </tr> <tr height="35px"> <td>愛好</td> <td> <input type="checkbox" name="fav" id="" value="1" />唱歌 <input type="checkbox" name="fav" id="" value="2" />跳舞 <input type="checkbox" name="fav" id="" value="3" />繪畫<br /> <input type="checkbox" name="fav" id="" value="4" />遊戲 <input type="checkbox" name="fav" id="" value="5" />游泳 <input type="checkbox" name="fav" id="" value="6" />下棋 </td> </tr> <tr height="35px"> <td>籍貫</td> <td> <select name="address" id=""> <option value="0">--請選擇--</option> <option value="1">北京</option> <option value="2">上海</option> <option value="3">廣東</option> <option value="0">深圳</option> </select> </td> </tr> <tr height="35px"> <td>個人介紹</td> <td> <textarea name="intro" rows="8" cols="30"></textarea> </td> </tr> <tr> <td colspan="2" align="center"> <input type="checkbox" name="" id="" value="" />是否同意本公司協議? </td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" id="" value="註冊"/> </td> </tr> </table> </form> </body> </html>