zoukankan      html  css  js  c++  java
  • 练习:-----制作登陆页面

    制作登陆页面

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <title>网站登陆</title><!--不显示黑色的框-->
     6 
     7 </head>
     8 
     9 <body background="jianbianlan.jpg">
    10 <table width="50%" cellpadding="10" border="2"ellspacing="1" align="center"> <!--黑色线实际是两个像素,因为是两个相框拼起来的-->
    11 <form>
    12 <tr>
    13 <td align="right">邮箱:</td>
    14  <td><input type="txt" />&nbsp;&nbsp;<select size="1">
    15  <option>@qq.com</option>
    16   <option>@163.com</option>
    17   
    18       </select></td>
    19  </tr>
    20  
    21  <tr>
    22 <td>&nbsp;</td>
    23  <td><font color="#CCCCCC" size="-1">需要通过邮箱激活账户,不支持sohu,21cn,soguo的邮箱</font></td>
    24  </tr>
    25  
    26  <tr>
    27 <td align="right">登录用户名:</td>
    28  <td><input type="txt" /></td>
    29  </tr>
    30  
    31  <tr>
    32 <td>&nbsp;</td>
    33  <td><font color="#CCCCCC" size="-1">仅在登陆是使用,字符数不少于4个子</font></td>
    34  </tr>
    35  
    36  <tr>
    37 <td align="right">显示名称:</td>
    38  <td><input type="txt" /></td>
    39  </tr>
    40  
    41  <tr>
    42 <td>&nbsp;</td>
    43  <td><font color="#CCCCCC" size="-1">即昵称,字符数不少于2个</font></td>
    44  </tr>
    45  
    46  <tr>
    47 <td align="right">密码:</td>
    48  <td><input type="password"/></td>
    49  </tr>
    50  
    51  <tr>
    52 <td align="right">确认密码:</td>
    53  <td><input type="password"/></td>
    54  </tr>
    55  
    56  <tr>
    57 <td>&nbsp;</td>
    58  <td><font color="#CCCCCC" size="-1">至少8位,必须包含字母、数字、特殊字符</font></td>
    59  </tr>
    60  
    61  <tr>
    62 <td align="right">性别:</td>
    63  <td><input type="radio" name="xingbei"/>男<input type="radio" name="xingbei"/>女</td>
    64  </tr>
    65  
    66  <tr>
    67 <td align="right">喜好:</td>
    68  <td><select size="1">
    69  <option>听音乐</option>
    70   <option>画画</option>
    71    <option>冒险</option>
    72     <option>唱歌</option>
    73       <option>运动</option>
    74       </select>
    75  </td>
    76  </tr>
    77  
    78  <tr>
    79 <td>&nbsp;</td>
    80  <td><input type="submit" value="注册">&nbsp;<input type="reset"/>&nbsp;<input type="submit" value="登陆"></td>
    81  </tr>
    82  
    83 </form>
    84 </table>
    85 </body>
    86 </html>

    显示效果:

  • 相关阅读:
    查询用户表及表结构
    动态页面静态化(转)
    轻松实现 Killer 级应用 Snap (转)
    继续认识OpenID——Benefits of OpenID (转自http://openid.net/getanopenid/individuals/)
    7 Difference Between RIA and Traditional Web Application(转载)
    解决了MovieClip缩略图问题
    Understanding Flex Print Job from A to Z (彻底了解FlexPrintJob)(精彩转载)
    Using Flex Buildin Print Function(Flex 打印功能系列转载)
    StackOverflow is an OpenIDenabled site??Why OpenID?What is OpenID?
    MovieClip实现拖拽等移动位置的功能
  • 原文地址:https://www.cnblogs.com/yuyu1993/p/5489241.html
Copyright © 2011-2022 走看看