Jquery李炎恢——40创建注册表单【6】

学习要点：
1.html部分
2.css部分
3.jquery部分

一、HTML部分
<div id="reg" title="会员注册">

   <p>

       <label for="user">账号：</label>

       <input type="text" name="user" class="text" id="user" title="请输入账号，不小于2位！"/>

       <span class="star">*</span>

   <p>

   <p>

       <label for="pass">密码：</label>

       <input type="text" name="pass" class="text" id="pass" title="请输入密码，不小于6位！"/>

       <span class="star">*</span>

   <p>

   <p>

       <label for="email">邮箱：</label>

       <input type="text" name="email" class="text" id="email" title="请输入电子邮箱！"/>

       <span class="star">*</span>

   <p>

   <p>

       <label>性别：</label>

       <input type="radio" name="sex" value="sex" id="mela" checked="checked"><label for="male">男</label></input>

       <input type="radio" name="sex" value="sex" id="femela"><label for="female">女</label></input>

       <span class="star">*</span>

   <p>

   <p>

       <label for="date">生日：</label>

       <input ytpe="text" name="date" readonly="readonly" class="text" id="date" />

   <p>

二、css部分

#reg{

   padding:15px;

}

#reg p{

   margin:10px 0;

   padding:0;

}

#reg p label{

   font-size:14px;

   color:#666;

}

#reg p star{

    color:red;

}

#reg .text{

   border-radius:4px;

   border:1px solid #ccc;

   background:#fff;

   height:25px;

   width:20px;

   text-indent:5px;

   color:#666;

}

三、jquery部分

$("#reg").dialog({

  autoOpen:true,

  modal:true,

  resizable:false,

  width:320,

  height:340,

  buttons:{

     "提交":function(){

       

     }

  }

})

$("#reg").buttonset();

$("#date").datepicker();

$("#reg input[title]").toolip();