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>
</head>

<body bgcolor="#0033FF" leftmargin="300">
<center><table width="94%" height="412" border="0" align="center" cellspacing="0">
  <tr>
    <td width="21%" height="45">邮箱:</td>
    <td width="79%"><form id="form1" name="form1" method="post" action="">
      <label for="textfield"></label>
      <input type="text" name="textfield" id="textfield" />
    </form></td>
  </tr>
  <tr>
    <td height="37"> </td>
    <td>需要通过
      
      邮箱激活账户</td>
  </tr>
  <tr>
    <td height="37">登陆用户名:</td>
    <td><form id="form2" name="form2" method="post" action="">
      <label for="textfield2"></label>
      <label for="textfield2"></label>
      <input type="text" name="textfield2" id="textfield2" />
    </form></td>
  </tr>
  <tr>
    <td height="31"> </td>
    <td>仅在登录时使用,字符不少于4个</td>
  </tr>
  <tr>
    <td height="36">显示名称:</td>
    <td><form id="form3" name="form3" method="post" action="">
      <label for="textfield3"></label>
      <input type="text" name="textfield3" id="textfield3" />
    </form></td>
  </tr>
  <tr>
    <td height="34"> </td>
    <td>即昵称</td>
  </tr>
  <tr>
    <td height="42">密码:</td>
    <td><form id="form4" name="form4" method="post" action="">
      <label for="textfield4"></label>
      <input type="password" name="textfield4" id="textfield4" />
    </form></td>
  </tr>
  <tr>
    <td height="39">确认密码:</td>
    <td><form id="form5" name="form5" method="post" action="">
      <label for="textfield5"></label>
      <input type="password" name="textfield5" id="textfield5" />
    </form></td>
  </tr>
  <tr>
    <td> </td>
    <td>至少8位,必须包含字母 数字 特殊字符</td>
  </tr>
  <tr>
    <td height="60">性别:</td>
    <td><form id="form6" name="form6" method="post" action="">
      <label for="radio"></label>
      <label for="select"></label>
      <select name="select" id="select">
        <option>男</option>
        <option>女</option>
      </select>
      <br />
        <br />
      </form></td>
  </tr>
  <tr>
    <td>爱好:</td>
    <td><form id="form7" name="form7" method="post" action="">
      <label for="select2"></label>
      <select name="select2" id="select2">
        <option>听音乐</option>
        <option>唱歌</option>
        <option>书法</option>
      </select>
    </form></td>
  </tr>
</table></center>
<form id="form8" name="form8" method="post" action="">
  <center><table width="94%" height="69" border="0">
    <tr>
      <td width="108" height="60"> </td>
      <td width="365"><input type="submit" name="button" id="button" value="确定" /></td>
    </tr>
  </table></center>
</form>
</body>
</html>

  

原文地址:https://www.cnblogs.com/yuchao19950412/p/5297828.html