<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta content="yes" name="apple-touch-fullscreen"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=no"> <title>填写信息</title> <link rel="stylesheet" href="css/common.css"> <link rel="stylesheet" href="css/Mdate.css"> <link rel="stylesheet" href="css/style.css"> <script src="js/date/iScroll.js"></script> <script src="js/date/Mdate.js"></script> <style> /*.box{overflow: hidden; }*/ </style> </head> <body style="background-color: #f6f6f6;"> <div class="box"> <div class="write_info_box"> <ul class="write_list_box"> <li class="write_list"> <b class="icon_tory">*</b> <div class="info_content"> <i>姓名:</i> <input type="text" class="user_name"/> </div> </li> <li class="write_list"> <b class="icon_tory">*</b> <div class="info_content"> <i>性别:</i> <input type="hidden" value=""/> <label class="choose_sex" data-sex="2"> <b></b> <img src="image/women_off.png"> </label> <label class="choose_sex sex_active" data-sex="1"> <b></b> <img src="image/men_on.png"> </label> </div> </li> <li class="write_list" id="dateShowBtn"> <b class="icon_tory">*</b> <div class="info_content"> <i>出生日期:</i> <input type="text" class="user_birth" id="dateSelectorTwo" readonly="readonly"/> <em></em> </div> </li> <li class="write_list"> <b class="icon_tory">*</b> <div class="info_content"> <i>身份证:</i> <input type="number" class=""/> </div> </li> <li class="write_list"> <b class="icon_tory">*</b> <div class="info_content"> <i>手机号:</i> <input type="tel" class=""/> </div> </li> <li class="write_list"> <b class="icon_tory">*</b> <div class="info_content"> <i>验证码:</i> <input type="number" class="user_code"/> <u class="get_code">获取验证码</u> </div> </li> </ul> <div class="is_agree"> <i class="btn_dui"></i> <b>我已阅读并同意<span class="show_ht">《驾考合同》</span></b> </div> <div class="btn_next"></div> </div> <!--合同--> <div class="hetong_box"> <h1>驾考合同</h1> <p> 简洁是网上市场的关键,所以描述业务时要把摘要控制在 300字以内。然而,即使喜欢使用显着的文字量的企业所 有者,也可以用一个放大的关键句来为缺乏注意力的访客 提供快速外卖。“任何可以跳出文本、迅速展示页面的信 息的方法都可以加分”保持信息简短也有利于搜索引擎优 化,总部设在加州红木城的小企业营销和搜索引擎优化策略师Sonya. </p> <p> 简洁是网上市场的关键,所以描述业务时要把摘要控制在 300字以内。然而,即使喜欢使用显着的文字量的企业所 有者,也可以用一个放大的关键句来为缺乏注意力的访客 提供快速外卖。“任何可以跳出文本、迅速展示页面的信 息的方法都可以加分”保持信息简短也有利于搜索引擎优 化,总部设在加州红木城的小企业营销和搜索引擎优化策略师Sonya. </p> <!--<div class="agree_none"></div>--> <div class="btn_agree"></div> </div> </div> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/common.js"></script> <script> $('.user_name').focus(); $('.choose_sex').click(function(){ var data_sex=$(this).attr('data-sex'); if(data_sex==1){ $(this).children('img').attr('src','image/men_on.png') .parent().siblings().children('img').attr('src','image/women_off.png'); }else{ $(this).children('img').attr('src','image/women_on.png') .parent().siblings().children('img').attr('src','image/men_off.png'); } $(this).addClass('sex_active').siblings().removeClass('sex_active'); }); new Mdate("dateShowBtn", { acceptId: "dateSelectorTwo", beginYear: "1930", format: "-" }); $(function () { //获取短信验证码 var validCode=true; $(".get_code").click (function () { var time=60; var code=$(this); if (validCode) { validCode=false; code.addClass("msgs1"); var t=setInterval(function () { time--; code.html(time+"秒"); if (time==0) { clearInterval(t); code.html("重新获取"); validCode=true; code.removeClass("msgs1"); } },1000) } }) //显示合同 $('.show_ht').click(function(){ $('.btn_agree').show(); $('.hetong_box').css("top","0"); $("title").html("驾考合同"); }); $('.btn_agree').click(function(){ $('.btn_agree').hide(); $('.hetong_box').css("top","-200%"); $('.btn_dui').addClass('dui_active'); $('.btn_next').addClass('next_active'); $("title").html("同意签署"); }); $('.write_info_box').on("click",".next_active",function(){ window.location.href="confirm_order.html"; }); }); </script> </body> </html>