HTML注册的窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<style type="text/css">
.shezhi{
background-image:url(07390739687b4c81287689820422e08f.jpg);
background-repeat:repeat;
}
table .name{
    font-size:36px;
    }
.nihao pp{
    color:#0FF;
}
#textfield4{
    border:dotted;
    }
#textfield5{
    border-color:#00F;
    }
</style>
</head>

<body class="shezhi">
<form id="form1" name="form1" method="post" action="">
<center>
<table width="615" border="2" class="shezhi">
  <tr>
    <td class="name" align="right" valign="top">登录用户名:</td>
    <td width="453" valign="top">
      <label for="textfield"></label>
      <input type="text" name="textfield" id="textfield" />
      <br />
      <font class="name" size="-1" color="#666666">仅在登录时使用,字符数不少于4个</font>
    </td>
  </tr>
  <tr>
    <td align="right" valign="top">显示名称:</td>
    <td valign="top"><input type="text" name="textfield2" id="textfield2" />
      <br />
      即昵称,字符数不少于2个
    </td>
  </tr>
  <tr>
    <td align="right" valign="top" bgcolor="#CC00CC">邮箱:</td>
    <td valign="top"><input type="text" name="textfield3" id="textfield3" />
      <br />
      <table>
        <tbody>
          <tr>
            <td colspan="2">
            <br />需要通过邮箱激活帐户,不支持sohu,21cn,sogou的邮箱
            </td>
          </tr>
        </tbody>
      </table>
<br />
      </td>
  </tr>
  <tr>
    <td align="right" valign="top">密码:</td>
    <td valign="top"><input type="password" name="textfield4" id="textfield4" /></td>
  </tr>
  <tr>
    <td align="right" valign="top">确认密码:</td>
    <td valign="top"><input type="password" name="textfield5" id="textfield5" />
      <br />
      至少8位,必须包含字母、数字、特殊字符
    </td>
  </tr>
  <tr>
    <td align="right" valign="top">验证码照片</td>
    <td valign="top"><img src="360软件小助手截图20141116110258.png" width="50" height="20" />
    </td>
  </tr>
  <tr>
    <td align="right" valign="top" class="nihao"><p>验证码:</p></td>
    <td valign="top"><input type="text" name="textfield6" id="textfield6" /></td>
  </tr>
  <tr>
    <td align="right">孩子年龄:</td>
    <td><label for="select"></label>
      <select name="select" id="select">
        <option>11</option>
        <option>12</option>
        <option>13</option>
        <option>14</option>
        <option>15</option>
        <option>16</option>
        <option selected="selected">选择年龄</option>
      </select></td>
  </tr>
  <tr>
    <td align="right">点击注册:</td>
    <td>
      <input type="submit" name="button" id="button" value="注册" />
   </td>
  </tr>
</table>
</center>
</form>
</body>
</html>

 

posted @ 2015-01-17 22:31  璞子的家  阅读(127)  评论(0编辑  收藏  举报