【皇家赌场手机版】validation验证表单插件,使用JQ插件validation实行表单校验

一、官方网站下载:

jQuery学习(八)——使用JQ插件validation进行表单校验,jqueryjq

一、官方网站下载:

目录结构:

皇家赌场手机版 1

2、引入jquery库和validation插件

复制dist文件夹下的皇家赌场手机版 2

和localization文件夹下的皇家赌场手机版 3

嵌入WEB项指标js文件夹下提供利用

【皇家赌场手机版】validation验证表单插件,使用JQ插件validation实行表单校验。专注:validate是jQuery插件,必须在jQuery的功底上进展运维,导入顺序是jQuery库,validate库和国际化财富库(可选)

1         <!--依赖的JQuery库-->
2         <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
3         <!--引入validate校验库-->
4         <script type="text/javascript" src="../js/jquery.validate.min.js" ></script>
5         <!--引入国际化库,中文提示(可选)-->
6         <script type="text/javascript" src="../js/messages_zh.js" ></script>

3、常用校验类型:(其余类别网络搜索就可以)

校验类型 取值 描述
required true|false 必填字段
email email 邮件地址
url   路径
date 数字 日期
dateISO 字符串 日期(YYYY-MM-dd)
number   数字(负数,小数)
digits   整数
minlength 数字 最小长度
maxlength 数字 最大长度
rangelength [minL,maxL] 长度范围
min   最小值
max   最大值
range [min,max] 值范围
equalTo jQuery表达式 两个值比较
remote url路径 ajax校验 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4、语法:

$(…).validate({

  rules:{},

  messages:{}

});

rules规则语法:

【皇家赌场手机版】validation验证表单插件,使用JQ插件validation实行表单校验。rules:{

  字段名:校验器,

  字段名:校验器

}

校验器语法:

  语法:{校验器:值,校验器:值,…}

message指示语法:

  message:{

  字段名:{校验器:”提示”,校验器:”提示”,…}

  }

五、案例:使用JQuery落成登记页面表单校验

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="UTF-8">
  5         <title>网站注册页面</title>
  6         <style>
  7             #contanier{
  8                 border: 0px solid white;
  9                 width: 1300px;
 10                 margin: auto;
 11             }
 12             #form{
 13                 height: 500px;
 14                 padding-top: 70px;
 15                 margin-bottom: 10px;
 16             }
 17             label.error{
 18                 background:url(../img/unchecked.png) no-repeat 10px 3px;
 19                 padding-left: 30px;
 20                 font-family:georgia;
 21                 font-size: 15px;
 22                 font-style: normal;
 23                 color: red;
 24             }
 25             label.success{
 26                 background:url(../img/checked.png) no-repeat 10px 3px;
 27                 padding-left: 30px;
 28             }
 29             
 30             #father{
 31                 border: 0px solid white;
 32                 padding-left: 307px;
 33             }
 34             
 35             #form2{
 36                 border: 5px solid gray;
 37                 width: 660px;
 38                 height: 450px;
 39             }    
 40         </style>
 41         
 42         <!--依赖的JQuery库-->
 43         <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
 44         <!--引入validate校验库-->
 45         <script type="text/javascript" src="../js/jquery.validate.min.js" ></script>
 46         <!--引入国际化库,中文提示(可选)-->
 47         <script type="text/javascript" src="../js/messages_zh.js" ></script>
 48         <script>
 49             $(function(){
 50                 $("#registForm").validate({
 51                     rules:{
 52                         user:{
 53                             required:true,
 54                             minlength:3,
 55                         },
 56                         password:{
 57                             required:true,
 58                             digits:true,
 59                             minlength:6,
 60                         },
 61                         repassword:{
 62                             required:true,
 63                             equalTo:"[name='password']"
 64                         },
 65                         email:{
 66                             required:true,
 67                             email:true
 68                         },
 69                         username:{
 70                             required:true,
 71                             maxlength:4,
 72                         },
 73                         sex:{
 74                             required:true,
 75                         }
 76                     },
 77                     messages:{
 78                         user:{
 79                             required:"用户名不能为空",
 80                             minlength:"用户名不能少于3位!",
 81                         },
 82                         password:{
 83                             required:"密码不能为空!",
 84                             digits:"密码必须是整数!",
 85                             minlength:"密码不能少于6位!",
 86                         },
 87                         repassword:{
 88                             required:"确认密码不能为空!",
 89                             equalTo:"两次密码输入不一致!"
 90                         },
 91                         email:{
 92                             required:"邮箱不能为空!",
 93                             email:"邮箱格式不正确!"
 94                         },
 95                         username:{
 96                             required:"姓名不能为空!",
 97                             maxlength:"姓名不得多于4位!",
 98                         },
 99                         sex:{
100                             required:"性别必须勾选!",
101                         }
102                     },
103                     errorElement:"label",           //用来创建错误提示信息标签,validate插件默认的就是label
104                     success:function(label){        //验证成功后的执行的回调函数
105                         //label指向上面那个错误提示信息标签label
106                         label.text("")              //清空错误提示信息
107                             .addClass("success");   // 加上自定义的success类
108                     }
109                 })
110             });
111         </script>
112     </head>
113     <body>
114         <div id="contanier">
115             <div id="form">
116                 <form action="#" method="get" id="registForm">
117                     <div id="father">
118                         <div id="form2">
119                             <table border="0px" width="100%" height="100%" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white">
120                                 <tr>
121                                     <td colspan="2" >
122                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
123                                         <font size="5">会员注册</font>&nbsp;&nbsp;&nbsp;USER REGISTER 
124                                     </td>
125                                 </tr>
126                                 <tr>
127                                     <td width="180px">
128                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
129                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
130                                         &nbsp;&nbsp;&nbsp;
131                                         <label for="user" >用户名</label>
132                                     </td>
133                                     <td>
134                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="text" name="user" size="35px" id="user"/>
135                                     </td>
136                                 </tr>
137                                 <tr>
138                                     <td>
139                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
140                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
141                                         &nbsp;&nbsp;&nbsp;
142                                         密码
143                                     </td>
144                                     <td>
145                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="password"  name="password" size="35px" id="password" />
146                                     </td>
147                                 </tr>
148                                 <tr>
149                                     <td>
150                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
151                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
152                                         &nbsp;&nbsp;&nbsp;
153                                         确认密码
154                                     </td>
155                                     <td>
156                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="password" name="repassword" size="35px"/>
157                                     </td>
158                                 </tr>
159                                 <tr>
160                                     <td>
161                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
162                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
163                                         &nbsp;&nbsp;&nbsp;
164                                         Email
165                                     </td>
166                                     <td>
167                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="text" name="email" size="35px" id="email"/>
168                                     </td>
169                                 </tr>
170                                 <tr>
171                                     <td>
172                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
173                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
174                                         &nbsp;&nbsp;&nbsp;
175                                         姓名
176                                     </td>
177                                     <td>
178                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="text" name="username" size="35px"/>
179                                     </td>
180                                 </tr>
181                                 <tr>
182                                     <td>
183                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
184                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
185                                         &nbsp;&nbsp;&nbsp;
186                                         性别
187                                     </td>
188                                     <td>
189                                         
190                                             <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="radio" name="sex" value="男"/>男
191                                             <input type="radio" name="sex" value="女"/>女<em></em>
192                                             <label for="sex" class="error" style="display: none;"></label>
193                                         
194                                     </td>
195                                 </tr>
196                                 <tr>
197                                     <td>
198                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
199                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
200                                         &nbsp;&nbsp;&nbsp;
201                                         出生日期
202                                     </td>
203                                     <td>
204                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="text" name="birthday"  size="35px"/>
205                                     </td>
206                                 </tr>
207                                 <tr>
208                                     <td>
209                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
210                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
211                                         &nbsp;&nbsp;&nbsp;
212                                         验证码
213                                     </td>
214                                     <td>
215                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="text" name="yanzhengma" />
216                                         <img src="../img/yanzhengma.png" style="height: 18px;width: 85px;"/>
217                                     </td>
218                                 </tr>
219                                 <tr>
220                                     <td colspan="2">
221                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
222                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
223                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
224                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
225                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
226                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
227                                         <input type="submit" value="注      册" height="50px"/>
228                                     </td>
229                                 </tr>
230                             </table>
231                         </div>
232                     </div>
233                 </form>
234             </div>
235         </div>
236     </body>
237 </html>

在谷歌(谷歌)浏览器内运转,效果如下:

皇家赌场手机版 4

皇家赌场手机版 5

1、官方网站下载:
目录结构: 二、引…

jQuery验证表单插件——jquery-validation

目录结构:

The jQuery Validation Plugin provides drop-in validation for your
existing forms, while making all kinds of customizations to fit your
application really easy.       ——官方介绍

皇家赌场手机版 6

validation使用手续

2、引入jquery库和validation插件

引入jQuery库和validation插件

复制dist文件夹下的皇家赌场手机版 7

若是须求合法的国际化指示音信,能够导入相应的messages_xx.js库文件。
PS:下载地址:GitHub
jzaefferer/jquery-validation

和localization文件夹下的皇家赌场手机版 8

选中表单成分,显式调用验证措施

放置WEB项指标js文件夹下提供利用

<script type="text/javascript">
  $(function() {
    $("#form").validate();
  });
</script>

注意:validate是jQuery插件,必须在jQuery的底子上海展览中心开运营,导入顺序是jQuery库,validate库和国际化能源库(可选)

挥洒验证规则和音讯

1         <!--依赖的JQuery库-->
2         <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
3         <!--引入validate校验库-->
4         <script type="text/javascript" src="../js/jquery.validate.min.js" ></script>
5         <!--引入国际化库,中文提示(可选)-->
6         <script type="text/javascript" src="../js/messages_zh.js" ></script>
<script type="text/javascript">
  $(function() {
    $("#form").validate({
      rules:{},
      messages:{}
    });
  });
</script>

3、常用校验类型:(其余类型网络检索就能够)

rules规则语法

校验类型 取值 描述
required true|false 必填字段
email email 邮件地址
url   路径
date 数字 日期
dateISO 字符串 日期(YYYY-MM-dd)
number   数字(负数,小数)
digits   整数
minlength 数字 最小长度
maxlength 数字 最大长度
rangelength [minL,maxL] 长度范围
min   最小值
max   最大值
range [min,max] 值范围
equalTo jQuery表达式 两个值比较
remote url路径 ajax校验 

rules:{
    字段名:校验器,
    字段名:校验器,…
}

 

校验器语法

 

校验器:值,
校验器:值,…

 

messages提示语法

 

message:{
  字段名:{
    校验器:"提示",
    校验器:"提示",...
  }
  字段名:{
    校验器:"提示",
    校验器:"提示",...
  }
}

皇家赌场手机版, 

校验器取值

 

皇家赌场手机版 9

 

案例

 

<script type="text/javascript" src="../../js/jquery-1.11.0.min.js" ></script>
<script type="text/javascript" src="../../js/jquery.validate.min.js" ></script>
<script type="text/javascript" src="../../js/messages_zh.js" ></script>
<script>
  $(function(){
    $("#registForm").validate({
      rules:{
        user:{
          required:true,
          minlength:2
        },
        password:{
          required:true,
          digits:true,
          minlength:6
        },
        repassword:{
          required:true,
          digits:true,
          minlength:6,
          equalTo:"[name='password']"
        },
        email:{
          required:true,
          email:true
        },
        username:{
          required:true,
          minlength:2
        },
        sex:{
          required:true
        }
      },
      messages:{
        user:{
          required:"用户名不能为空!",
          minlength:"用户名不得少于2个字符!"
        },
        password:{
          required:"密码不能为空!",
          digits:"密码必须是数字!",
          minlength:"密码长度不得低于6位!"
        },
        repassword:{
          required:"确认密码不能为空!",
          digits:"密码必须是数字!",
          minlength:"密码长度不得低于6位!",
          equalTo:"两次密码不一致!"
        },
        email:{
          required:"邮箱不能为空!",
          email:"邮箱格式不正确!"
        },
        username:{
          required:"姓名不能为空!",
          minlength:"姓名不得少于2个字符!"
        },
        sex:{
          required:"性别必须勾选!"
        }
      },
      errorElement: "label", //用来创建错误提示信息标签
      success: function(label) { //验证成功后的执行的回调函数
        //label指向上面那个错误提示信息标签label
        label.text(" ") //清空错误提示消息
          .addClass("success"); //加上自定义的success类
      }
    });
  })
</script>

 

以上正是本文的全体内容,希望对大家的求学抱有协助,也愿意我们多多支持脚本之家。

 

你可能感兴趣的作品:

  • jquery
    validation验证身份证号,护照,电话号码,email(实例代码)
  • jQuery.Validate 使用笔记(jQuery Validation范例)
  • jQuery
    表单验证插件formValidation达成性情化错误提醒
  • jQuery验证插件validation使用指南
  • jQuery Validation实例代码
    让认证变得这样轻松
  • jQuery
    Validation插件remote验证方式的Bug化解
  • Jquery
    Validation插件幸免重复提交表单的化解办法
  • Jquery validation remote
    验证的缓存难点消除方法
  • jquery插件validation达成认证身份证号等
  • 修改jQuery
    Validation里暗中认可的表达情势

 

 

 

 

 

4、语法:

$(…).validate({

  rules:{},

  messages:{}

});

rules规则语法:

rules:{

  字段名:校验器,

  字段名:校验器

}

校验器语法:

  语法:{校验器:值,校验器:值,…}

message提示语法:

  message:{

  字段名:{校验器:”提示”,校验器:”提示”,…}

  }

5、案例:使用JQuery实现注册页面表单校验

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="UTF-8">
  5         <title>网站注册页面</title>
  6         <style>
  7             #contanier{
  8                 border: 0px solid white;
  9                 width: 1300px;
 10                 margin: auto;
 11             }
 12             #form{
 13                 height: 500px;
 14                 padding-top: 70px;
 15                 margin-bottom: 10px;
 16             }
 17             label.error{
 18                 background:url(../img/unchecked.png) no-repeat 10px 3px;
 19                 padding-left: 30px;
 20                 font-family:georgia;
 21                 font-size: 15px;
 22                 font-style: normal;
 23                 color: red;
 24             }
 25             label.success{
 26                 background:url(../img/checked.png) no-repeat 10px 3px;
 27                 padding-left: 30px;
 28             }
 29             
 30             #father{
 31                 border: 0px solid white;
 32                 padding-left: 307px;
 33             }
 34             
 35             #form2{
 36                 border: 5px solid gray;
 37                 width: 660px;
 38                 height: 450px;
 39             }    
 40         </style>
 41         
 42         <!--依赖的JQuery库-->
 43         <script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
 44         <!--引入validate校验库-->
 45         <script type="text/javascript" src="../js/jquery.validate.min.js" ></script>
 46         <!--引入国际化库,中文提示(可选)-->
 47         <script type="text/javascript" src="../js/messages_zh.js" ></script>
 48         <script>
 49             $(function(){
 50                 $("#registForm").validate({
 51                     rules:{
 52                         user:{
 53                             required:true,
 54                             minlength:3,
 55                         },
 56                         password:{
 57                             required:true,
 58                             digits:true,
 59                             minlength:6,
 60                         },
 61                         repassword:{
 62                             required:true,
 63                             equalTo:"[name='password']"
 64                         },
 65                         email:{
 66                             required:true,
 67                             email:true
 68                         },
 69                         username:{
 70                             required:true,
 71                             maxlength:4,
 72                         },
 73                         sex:{
 74                             required:true,
 75                         }
 76                     },
 77                     messages:{
 78                         user:{
 79                             required:"用户名不能为空",
 80                             minlength:"用户名不能少于3位!",
 81                         },
 82                         password:{
 83                             required:"密码不能为空!",
 84                             digits:"密码必须是整数!",
 85                             minlength:"密码不能少于6位!",
 86                         },
 87                         repassword:{
 88                             required:"确认密码不能为空!",
 89                             equalTo:"两次密码输入不一致!"
 90                         },
 91                         email:{
 92                             required:"邮箱不能为空!",
 93                             email:"邮箱格式不正确!"
 94                         },
 95                         username:{
 96                             required:"姓名不能为空!",
 97                             maxlength:"姓名不得多于4位!",
 98                         },
 99                         sex:{
100                             required:"性别必须勾选!",
101                         }
102                     },
103                     errorElement:"label",           //用来创建错误提示信息标签,validate插件默认的就是label
104                     success:function(label){        //验证成功后的执行的回调函数
105                         //label指向上面那个错误提示信息标签label
106                         label.text("")              //清空错误提示信息
107                             .addClass("success");   // 加上自定义的success类
108                     }
109                 })
110             });
111         </script>
112     </head>
113     <body>
114         <div id="contanier">
115             <div id="form">
116                 <form action="#" method="get" id="registForm">
117                     <div id="father">
118                         <div id="form2">
119                             <table border="0px" width="100%" height="100%" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white">
120                                 <tr>
121                                     <td colspan="2" >
122                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
123                                         <font size="5">会员注册</font>&nbsp;&nbsp;&nbsp;USER REGISTER 
124                                     </td>
125                                 </tr>
126                                 <tr>
127                                     <td width="180px">
128                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
129                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
130                                         &nbsp;&nbsp;&nbsp;
131                                         <label for="user" >用户名</label>
132                                     </td>
133                                     <td>
134                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="text" name="user" size="35px" id="user"/>
135                                     </td>
136                                 </tr>
137                                 <tr>
138                                     <td>
139                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
140                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
141                                         &nbsp;&nbsp;&nbsp;
142                                         密码
143                                     </td>
144                                     <td>
145                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="password"  name="password" size="35px" id="password" />
146                                     </td>
147                                 </tr>
148                                 <tr>
149                                     <td>
150                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
151                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
152                                         &nbsp;&nbsp;&nbsp;
153                                         确认密码
154                                     </td>
155                                     <td>
156                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="password" name="repassword" size="35px"/>
157                                     </td>
158                                 </tr>
159                                 <tr>
160                                     <td>
161                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
162                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
163                                         &nbsp;&nbsp;&nbsp;
164                                         Email
165                                     </td>
166                                     <td>
167                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="text" name="email" size="35px" id="email"/>
168                                     </td>
169                                 </tr>
170                                 <tr>
171                                     <td>
172                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
173                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
174                                         &nbsp;&nbsp;&nbsp;
175                                         姓名
176                                     </td>
177                                     <td>
178                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="text" name="username" size="35px"/>
179                                     </td>
180                                 </tr>
181                                 <tr>
182                                     <td>
183                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
184                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
185                                         &nbsp;&nbsp;&nbsp;
186                                         性别
187                                     </td>
188                                     <td>
189                                         
190                                             <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="radio" name="sex" value="男"/>男
191                                             <input type="radio" name="sex" value="女"/>女<em></em>
192                                             <label for="sex" class="error" style="display: none;"></label>
193                                         
194                                     </td>
195                                 </tr>
196                                 <tr>
197                                     <td>
198                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
199                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
200                                         &nbsp;&nbsp;&nbsp;
201                                         出生日期
202                                     </td>
203                                     <td>
204                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="text" name="birthday"  size="35px"/>
205                                     </td>
206                                 </tr>
207                                 <tr>
208                                     <td>
209                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
210                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
211                                         &nbsp;&nbsp;&nbsp;
212                                         验证码
213                                     </td>
214                                     <td>
215                                         <em style="color: red;">*</em>&nbsp;&nbsp;&nbsp;<input type="text" name="yanzhengma" />
216                                         <img src="../img/yanzhengma.png" style="height: 18px;width: 85px;"/>
217                                     </td>
218                                 </tr>
219                                 <tr>
220                                     <td colspan="2">
221                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
222                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
223                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
224                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
225                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
226                                         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
227                                         <input type="submit" value="注      册" height="50px"/>
228                                     </td>
229                                 </tr>
230                             </table>
231                         </div>
232                     </div>
233                 </form>
234             </div>
235         </div>
236     </body>
237 </html>

在谷歌(Google)浏览器内运转,效果如下:

皇家赌场手机版 10

皇家赌场手机版 11

Leave a Comment.