龙须面

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
jquery UI tabs中不能使用form(chrome正常，IE中不正常)

折腾我一早上，代码：

   1:  <%@ Page Language="C#" AutoEventWireup="true" CodeFile="userAdmin.aspx.cs" Inherits="userAdmin" %>
   2:   
   3:  <!DOCTYPE HTML">
   4:   
   5:  <html>
   6:  <head runat="server">
   7:      <title>用户管理</title>
   8:      <script type="text/javascript" src="js/jquery-1.3.2.min.js" ></script>
   9:      <script type="text/javascript" src="js/jquery-ui-1.7.3.custom.min.js"></script>
  10:      <link  rel="Stylesheet" href="css/jquery-ui-1.7.3.custom.css" type="text/css" />
  11:      <link  rel="Stylesheet" href="css/zhgl.css" type="text/css" />
  12:      <script type="text/javascript" src="js/userAdmin.js"></script>
  13:      <script type="text/javascript">
  14:          $(document).ready(function() {
  15:              $("#zhgl").tabs();
  16:          });
  17:      </script>
  18:  </head>
  19:  <body>
  20:      <form id="form1" runat="server">
  21:          <div id="zhgl">
  22:              <ul>
  23:                  <li><a href="#Regist"><span>账户注册</span></a></li>
  24:                  <li><a href="#Reset"><span>密码重置</span></a></li>
  25:                  <li><a href="#Edit"><span>账户编辑</span></a></li>
  26:                  <li><a href="#Import"><span>账户导入</span></a></li>
  27:                  <li>
  28:                      <div id="search">
  29:                          <asp:label ID="search_label" Text="搜索" runat="server"></asp:label>
  30:                          <asp:TextBox ID="search_box" runat="server"></asp:TextBox>
  31:                      </div>
  32:                  </li>
  33:              </ul>    
  34:              <div id="Regist">
  35:                  <fieldset id="fieldset">
  36:                      <legend>用户注册</legend>
  37:                      <div id="left">
  38:                          <asp:Label ID="regist_dymc_label" Text="地域名称" CssClass="label" runat="server"></asp:Label>
  39:                          <asp:DropDownList ID="regist_dymc" CssClass="regist_dropdownlist" runat="server"></asp:DropDownList>
  40:                          <br />
  41:                          <asp:Label ID= "regist_qjmc_label" Text="区局名称" CssClass="label" runat="server"></asp:Label>
  42:                          <asp:DropDownList ID="regist_qjmc" CssClass="regist_dropdownlist" runat="server"></asp:DropDownList>
  43:                          <br />
  44:                          <asp:Label ID= "regist_name_label" Text="姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名" CssClass="label" runat="server"></asp:Label>
  45:                          <asp:TextBox ID="regist_name" CssClass="regist_textbox" runat="server"></asp:TextBox>
  46:                          <br />
  47:                          <asp:Label ID= "regist_userid_label" Text="工&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号" CssClass="label" runat="server"></asp:Label>
  48:                          <asp:TextBox ID="regist_userid" CssClass="regist_textbox" runat="server"></asp:TextBox>
  49:                          <br />
  50:                          <asp:Label ID= "regist_password_label" Text="密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码" CssClass="label" runat="server"></asp:Label>
  51:                          <asp:TextBox ID="regist_password" CssClass="regist_textbox" TextMode="Password" runat="server"></asp:TextBox>
  52:                          <br />
  53:                          <asp:Label ID= "regist_sex_label" Text="性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别" CssClass="label" runat="server"></asp:Label>
  54:                          <asp:DropDownList ID="regist_sex" CssClass="regist_dropdownlist" runat="server"></asp:DropDownList>
  55:                          <br />
  56:                          <asp:label ID="regist_post_label" Text="岗&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;位" CssClass="label" runat="server"></asp:label>
  57:                          <asp:DropDownList ID="regist_post" CssClass="regist_dropdownlist" runat="server"></asp:DropDownList>
  58:                          <br />
  59:                          <br />
  60:                          <asp:Button ID="regist_submit" Text="确定" CssClass="regist_button" runat="server" OnClick="registSubmit_Click" />
  61:                          <asp:Button ID="regist_reset" Text="重置" CssClass="regist_button"  runat="server" OnClick="registReset_Click"/>
  62:                      </div>
  63:                      <div id="right">
  64:                          <asp:Image ID="regist_image" runat="server" />
  65:                          <br />
  66:                          <asp:FileUpload ID="regist_fileUpload"  runat="server" />
  67:                          <asp:Button ID="regist_imggeUpload_btn" runat="server" />
  68:                      </div>
  69:                  </fieldset>
  70:              </div>
  71:     
  72:              <div id="Reset">
  73:                      <asp:Label ID="reset_name_label" CssClass="label" runat="server" Text="姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名"></asp:Label>
  74:                      <asp:TextBox ID="reset_name" CssClass="regist_textbox" runat="server"></asp:TextBox>
  75:                      <br />
  76:                      <asp:Label ID="reset_userid_label" CssClass="label" runat="server" Text="工&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号"></asp:Label>
  77:                      <asp:TextBox ID="reset_userid" CssClass="regist_textbox" runat="server"></asp:TextBox>
  78:                      <br />
  79:                      <asp:Label ID= "reset_password_label" Text="密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码" CssClass="label" runat="server"></asp:Label>
  80:                      <asp:TextBox ID="reset_password" CssClass="regist_textbox" TextMode="Password" runat="server"></asp:TextBox>
  81:                      <br />
  82:                      <br />
  83:                      <asp:Button ID="reset_submit" Text="确定" CssClass="regist_button" runat="server" />
  84:                      <asp:Button ID="reset_reset" Text="重置" CssClass="regist_button" runat="server" />
  85:              </div>
  86:   
  87:              <div id="Edit">
  88:                  <asp:GridView ID="user_list" runat="server">
  89:                      <Columns>
  90:                          <asp:BoundField DataField="姓名" HeaderText="姓名" />
  91:                          <asp:BoundField DataField="工号" HeaderText="工号" />
  92:                          <asp:BoundField DataField="性别" HeaderText="性别" />
  93:                          <asp:BoundField datafield="职务" FooterText="职务" />
  94:                          <asp:BoundField DataField="地域名称" HeaderText="地域名称" />
  95:                          <asp:BoundField DataField="区局名称" HeaderText="区局名称" />
  96:                          <asp:ButtonField  DataTextField="" HeaderText="修改"  CommandName="btn_edit" /> 
  97:                          <asp:ButtonField  DataTextField="" HeaderText="删除"  CommandName="btn_del" />
  98:                      </Columns>
  99:                  </asp:GridView>
 100:              </div>
 101:              
 102:              <div id="Import">
 103:                  <asp:FileUpload ID="import_fileupload" runat="server"  />    
 104:                  <asp:Button ID="import_excelUpload_btn" runat="server" OnClick="importExcelUpload_Click" Text="文件上传" OnClientClick="return checkType()" /> 
 105:                  <br />
 106:                  <br /> 
 107:                  <asp:Label ID="lblMessage" runat="server"></asp:Label>   
 108:              </div>   
 109:           </div>  
 110:      </form>
 111:  </body>
 112:  </html>
 

 

如果在div目标块使用form标签就不行了，显示的乱七八糟

posted on 2012-09-03 13:43  木子小黑  阅读(1251)  评论(0)    收藏  举报