fieldset的使用

  1. s<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head>
  5.     <meta content="text/html; charset=gb2312" http-equiv="Content-Type" />
  6.     <title>www.52css.com</title>
  7.     <style type="text/css">
  8. <!--
  9. body {
  10.     font-family: Arial, Helvetica, sans-serif;
  11.     font-size:12px;
  12.     color:#666666;
  13.     background:#fff;
  14.     text-align:center;
  15. }
  16. * {
  17.     margin:0;
  18.     padding:0;
  19. }
  20. a {
  21.     color:#1E7ACE;
  22.     text-decoration:none;    
  23. }
  24. a:hover {
  25.     color:#000;
  26.     text-decoration:underline;
  27. }
  28. h3 {
  29.     font-size:14px;
  30.     font-weight:bold;
  31. }
  32. pre,p {
  33.     color:#1E7ACE;
  34.     margin:4px;
  35. }
  36. input, select,textarea {
  37.     padding:1px;
  38.     margin:2px;
  39.     font-size:11px;
  40. }
  41. .buttom{
  42.     padding:1px 10px;
  43.     font-size:12px;
  44.     border:1px #1E7ACE solid;
  45.     background:#D0F0FF;
  46. }
  47. #formwrapper {
  48.     width:450px;
  49.     margin:15px auto;
  50.     padding:20px;
  51.     text-align:left;
  52.     border:1px #1E7ACE solid;
  53. }
  54. fieldset {
  55.     padding:10px;
  56.     margin-top:5px;
  57.     border:1px solid #1E7ACE;
  58.     background:#fff;
  59. }
  60. fieldset legend {
  61.     color:#1E7ACE;
  62.     font-weight:bold;
  63.     padding:3px 20px 3px 20px;
  64.     border:1px solid #1E7ACE;    
  65.     background:#fff;
  66. }
  67. fieldset label {
  68.     float:left;
  69.     width:120px;
  70.     text-align:right;
  71.     padding:4px;
  72.     margin:1px;
  73. }
  74. fieldset div {
  75.     clear:left;
  76.     margin-bottom:2px;
  77. }
  78. .enter{ text-align:center;}
  79. .clear {
  80.     clear:both;
  81. }
  82. -->
  83. </style>
  84. </head>
  85. <body>
  86.     <div id="formwrapper">
  87.         <h3>
  88.             已注册用户登录</h3>
  89.         <form id="apLogin" action="" method="post" name="apLogin">
  90.             <fieldset>
  91.                 <legend>用户登录</legend>
  92.                 <div>
  93.                     <label for="Name">
  94.                         用户名</label>
  95.                     <input id="Name" maxlength="30" name="Name" size="18" type="text" /><br />
  96.                 </div>
  97.                 <div>
  98.                     <label for="password">
  99.                         密码</label>
  100.                     <input id="password" maxlength="15" name="password" size="18" type="password" /><br />
  101.                 </div>
  102.                 <div class="cookiechk">
  103.                     <label>
  104.                         <input id="CookieYN" name="CookieYN" type="checkbox" value="1" />
  105.                         <a href="#" title="选择是否记录您的信息">记住我</a></label>
  106.                     <input class="buttom" name="login791" type="submit" value="登录" />
  107.                 </div>
  108.                 <div class="forgotpass">
  109.                     <a href="#">您忘记密码?</a></div>
  110.             </fieldset>
  111.         </form>
  112.         <br />
  113.         <h3>
  114.             未注册创建帐户</h3>
  115.         <form id="apForm" action="" method="post" name="apForm">
  116.             <fieldset>
  117.                 <legend>用户注册</legend>
  118.                 <p>
  119.                     <strong>您的电子邮箱不会被公布出去,但是必须填写.</strong> 在您注册之前请先认真阅读服务条款.</p>
  120.                 <div>
  121.                     <label for="Name">
  122.                         用户名</label>
  123.                     <input id="Text1" maxlength="30" name="Name" size="20" type="text" value="" />
  124.                     *(最多30个字符)<br />
  125.                 </div>
  126.                 <div>
  127.                     <label for="Email">
  128.                         电子邮箱</label>
  129.                     <input id="Email" maxlength="150" name="Email" size="20" type="text" value="" />
  130.                     *<br />
  131.                 </div>
  132.                 <div>
  133.                     <label for="password">
  134.                         密码</label>
  135.                     <input id="password1" maxlength="15" name="password" size="18" type="password" />
  136.                     *(最多15个字符)<br />
  137.                 </div>
  138.                 <div>
  139.                     <label for="confirm_password">
  140.                         重复密码</label>
  141.                     <input id="confirm_password" maxlength="15" name="confirm_password" size="18" type="password" />
  142.                     *<br />
  143.                 </div>
  144.                 <div>
  145.                     <label for="AgreeToTerms">
  146.                         同意服务条款</label>
  147.                     <input id="AgreeToTerms" name="AgreeToTerms" type="checkbox" value="1" />
  148.                     <a href="#" title="您是否同意服务条款">先看看条款?</a> *
  149.                 </div>
  150.                 <div class="enter">
  151.                     <input class="buttom" name="create791" type="submit" value="提交" />
  152.                     <input class="buttom" name="Submit" type="reset" value="重置" />
  153.                 </div>
  154.                 <p>
  155.                     <strong>* 在提交您的注册信息时, 我们认为您已经同意了我们的服务条款.<br />
  156.                         * 这些条款可能在未经您同意的时候进行修改.</strong></p>
  157.             </fieldset>
  158.         </form>
  159.     </div>
  160. </body>
  161. </html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值