jquery实现手机端移动端问卷调查表效果代码-html代码-BFW代码库

jquery实现手机端移动端问卷调查表效果代码

代码语言：html

代码描述：jquery实现手机端移动端问卷调查表效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <title>开始做题</title>
    <!--手机端需要添加-->
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0"/>-->
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <!--手机端需要添加-->
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        body {
            padding: 0;
            margin: 0;
            background:url(//repo.bfw.wiki/bfwrepo/image/608b2e98bf0f1.png) no-repeat;
            background-size: cover;
           
            color: #2f3441;
            height: 100vh;
          
        }
        span, p, ul, li, h1, h2, h3, h4, h5, input {
            margin: 0;
            padding: 0;
            font-weight: normal
        }
        h2, h3 {
            font-size: 0.7rem;
            line-height: 100%
        }
        ul, li {
            list-style: none;
        }
        img {
            border: none;
            margin: 0;
            padding: 0;
        }
        a {
            text-decoration: none;
        }
        a:focus {
            outline: none;
        }
        .clear {
            clear: both
        }
        .fl {
            float: left
        }
        .fr {
            float: right
        }
        .mar_b_60 {
            margin-bottom: 3rem;
        }
        .mar_b_70 {
            margin-bottom: 3.5rem;
        }
        .orgen_color {
            color: #40bb6b;
        }
        .mt20 {
            margin-top: 1rem;
        }
        .text_c {
            text-align: center;
        }
        .c333 {
            color: #333;
        }
        .c666 {
            color: #666;
        }
        .c999 {
            color: #999;
        }
        .f10 {
            font-size: 0.5rem;
        }
        .f11 {
            font-size: 0.55rem;
        }
        .f12 {
            font-size: 0.6rem;
        }
        .f14 {
            font-size: 0.7rem;
        }
        .f16 {
            font-size: 0.8rem;
        }
        .f18 {
            font-size: 0.9rem;
        }
        .fzc {
            font-style: normal;
        }
        i {
            font-style: normal;
        }
        .hide {
            display: none;
        }
        /* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */
        a, span, button, input, li, ul {
            -webkit-tap-highlight-color: rgba(255,0,0,0);
        }
        /*考试-----------------------------------------*/
        .clear_wl:after {
            content: ".";
            height: 0;
            visibility: hidden;
            display: block;
            clear: both;
        }
        .kasj_db_but {
            width: 90%;
            height: auto;
            background: #fab033;
            text-align: center;
            overflow: hidden;
            margin: 0 auto;
            border-radius: 3px;
            margin-top: 1.3rem;
            box-shadow: 0 0.2rem #c48b2a;
        }
        .kasj_db_but a {
            width: 100%;
            display: block;
            float: left;
            text-align: .........完整代码请登录后点击上方下载按钮下载查看