一、HTML表单

<html>
  <head>
    <title>注册页面表单</title>
  </head>
  <body>
    <form method="post" action="">
      <table border="1" align="center" width="600"  bgcolor="ffb7dd">
        <tr align="center" bgcolor="#5555ff">
          <td colspan="2"><font size="+2" color="white">新用户注册</font></td>
        </tr>
        <tr bgcolor="ffb7dd">
          <td><font size="+1"><b>用户名:</b></font></td>
          <td><p><input type="text" name="username" maxlength="6" size="35" value="请输入用户名"></p></td>       
        </tr>
        <tr>
          <td><font size="+1"><b>性&nbsp;&nbsp;别:</b></font></td>
          <td>男:<input type="radio" name="sex" value="boy">&nbsp;&nbsp;&nbsp;女:<input type="radio" name="sex">
        </tr>
        <tr>
          <td><font size="+1"><b>密&nbsp;&nbsp;码:</b></font></td>
          <td><p><input type="password" name="pd" size="32" value=""></p></td>       
        </tr>
        <tr>
          <td><font size="+1"><b>密码问题:</b></font></td>
          <td><p><input type="text" name="wenti" size="35" value="请输入问题"></p></td>       
        </tr>
        <tr>
          <td><font size="+1"><b>问题答案:</b></font></td>
          <td><p><input type="text" name="daan" size="35" value="请输入问题答案"></p></td>       
        </tr>
        <tr>
          <td><font size="+1"><b>籍&nbsp;&nbsp;贯:</b></font></td>
          <td><p><select><option>北京</option><option>天津</option><option>上海</option><option>重庆</option></select></p></td>       
        </tr>
        <tr>
          <td><font size="+1"><b>爱&nbsp;&nbsp;好:</b></font></td>
          <td><p>旅游<input type="checkbox" name="enjoy">&nbsp;篮球<input type="checkbox" name="enjoy">&nbsp;足球<input type="checkbox" name="enjoy">&nbsp;唱歌<input               type="checkbox" name="enjoy"></p></td>       
        </tr>
        <tr>
          <td><font size="+1"><b>个人简历</b></font></td>
          <td><textarea cols="60" rows="10"></textarea></td>       
        </tr>
        <tr align="center">
          <td colspan="2"><p><input type="submit" value="注册">&nbsp;&nbsp;<input type="reset" value="重置"></p></td>
        </tr>
      </table> 
    </form>
  </body>
</html>

posted @ 2012-07-17 23:13  建志  阅读(124)  评论(0)    收藏  举报