jQuery创建注册对话框

学习要点

• HTML部分
• CSS部分
• jQuery部分

(一) HTML部分

    

        账号:
        
         * 
    
    

        密码:
        
         * 
    
     

         邮箱:
         
          * 
     
     

         性别
         男
         女
     
    

        生日:
        
    
       

        
            天津
            北京
            石家庄
        
    

(二) css部分

#dialog{padding:15px;}
#dialog p{margin:10px 0;padding:0;}
#dialog p label{font-size:14px;color:#666;}
#dialog p .star{color:red;}
#dialog.text{border-radius:4px;border:1px solid #ccc;background:#fff;height:25px;width:200px;text-indent:5px;color:#666;}

(三) jquery部分

       //dialog样式
         $("#dialog").dialog({
               title:"这个就是注册的对话框",
               width:600,
               height:600,
               minWidth:400,
               minHeight:400,
               autoOpen:false,
               draggable:false,
               //position:"center center",
               show:true,
               hide:true,
               resizable:false,
               modal:true,
               closeText:"关闭",
               buttons:{
                   "提交":function(){window.alert("提交")},
                   "保存":function(){window.alert("关闭")}
               }
         })
        //点击后弹出来对话框
        $("#dialog").buttonset();
        $("#date").datepicker();
        $("#dialog input[title]").tooltip();
       //下拉框
    $("#city2").on('selectmenuchange', function (e,ui){
              console.log(ui.item.value);
          })