zhaoheqing
/
ohplay_official


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
							<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <title>测测代表你的英伦歌</title>
        <script src="/static/ishow/js/jquery-3.2.1.min.js"></script>
        <style type="text/css">
         *{
             margin: 0;
             padding: 0;
         }
         body{
             width: 100%;
             height: 100%;
         }
         #bgDiv{
             position: absolute;
             width: 100%;
             text-align: center;
             /*              height: 100%; */
             z-index: -1;
         }
         #bgDiv img{
             margin: 0 auto;
             width: 100%;
             max-width: 640px;
             left: 0;
             right: 0;
         }
         #tblDiv {
             position: relative;
             width: 100%;
             max-width: 416px;
             height: 100%;
             margin: 0 auto;
             /*              margin-top: 40%; */
             text-align: center;
             z-index: 100;
             top: 400px;
         }
         table{
             margin: 0 auto;
             width: 100%;
             border-collapse:separate;
             border-spacing:10px;
         }
         .left{
             text-align: right;
             width: 30%;
         }
         .left img{
             width: 100%;
             max-width: 51px;
         }
         .right {
             text-align: left;
         }
         .right input{
             background: url(/static/ishow/img/img_input.png) no-repeat center center;
             background-size: 100% 100%;
             border: 0;
             padding-left: 8px;
             padding-right: 8px;
             margin-left: 4px;
             max-height: 48px;
             height: 90%;
             width: 70%;
             color: white;
         }
         #sbBtn{
             background: url(/static/ishow/img/btn_cece.png) no-repeat center center;
             background-size: 100% 100%;
             border: 0;
         }
        </style>
        <script>
         $(document).ready(function(){
             // css is hard, js is soft
             var viewScale = $("#bgImg").width() / 640;
             var offset = Math.floor(376 * viewScale);
             $('#tblDiv').css({top: offset + 'px'});
             var editHeight = Math.floor(48 * viewScale);
             $('#nameInput').css({height: editHeight + 'px'});
             $('#sexInput').css({height: editHeight + 'px'});
             $('#sbBtn').css({
                 width: Math.floor(206 * viewScale) + 'px',
                 height: Math.floor(71 * viewScale) + 'px'
             });
             $('#tblAru').css({
                 'border-spacing': Math.floor(10 * viewScale) + 'px'
             });
         });

          window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
            window.location.reload();
          }, false);
        </script>
    </head>
    <body>
        <div id="bgDiv">
            <img id="bgImg" src="/static/ishow/img/inputBg.png">
        </div>
        <form action="/ishow/design">
            <div id="tblDiv">
                <table id="tblAru">
                    <tr>
                        <td class="left"><img src="/static/ishow/img/txt_name.png"/></td>
                        <td class="right"><input name="name" id="nameInput" type="text"/> </td>
                    </tr>
                    <tr>
                    </tr>
                    <tr>
                        <td class="left"><img src="/static/ishow/img/txt_gender.png"/></td>
                        <td class="right"><input name="gender" id="sexInput" type="text"/></td>
                    </tr>
                    <tr>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <input id="sbBtn" type="submit" value=""/>
                        </td>
                    </tr>
                </table>
            </div>
        </form>
    </body>
</html>