xiaojincai
/
zkyuan


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							<!DOCTYPE html>
<html>
    <head>
        <title>问卷模板</title>
        <meta charset='utf-8'>
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <style>
            body{
                margin:0;
                padding:0;
            }
			.survey_logo {
				position: relative;
				top: 15px;
				left: 20px;
			}
            .title{
                font-size:20px;
                font-weight:600;
                text-align: center;
            }
            .content{
                margin:15px;
                padding:15px;
                border:1px solid #eee;
                border-radius:5px;
            }
            .content-item{
                margin-bottom:30px;
            }
            .content-item span{
				font-size:16px;
                display:block;
                margin-bottom:10px;
				font-weight:bold;
            }
            .content-item input[type=text],.content-item textarea{
                width:100%;
                box-sizing: border-box;
                border:1px solid #ccc;
                border-radius:5px;
            }
            .content-item input[type=text]{
                height:40px;
            }
            .content-item input[type=radio],.content-item input[type=checkbox]{
                height:30px;
                vertical-align:middle;
                margin-right:15px;
           
            }
            .content-item label{
                vertical-align: middle;
            }
			.submit{
				width:100%;
				background:#409EFF;
				padding: 10px 20px;
				font-size: 14px;
				border-radius: 4px;
				color:#FFF;
				border:0px;
			}
        </style>
    </head>
    <body>
        <img src="https://test.scxjc.club/img/survey_logo.387bf80d.png" class="survey_logo">
        <div class='title'>测试模板</div>
        <div class='content'>
            <div class='content-item'>
                <span>姓名</span>
                <input type="text" name='' placeholder='请输入姓名'>
            </div>
            <div class='content-item'>
                <span>姓名</span>
                <textarea name="" id="" cols="30" rows="5" placeholder="请输入"></textarea>
            </div>
            <div class='content-item'>
                <span>姓名</span>
                <input type="radio" id='r1' name='radio1'><label for="r1">单选项1</label>
                </br>
                <input type="radio" id='r2' name='radio1'><label for="r2">单选项2</label>
            </div>
            <div class='content-item'>
                <span>姓名</span>
                <input type="checkbox" id='c1' name='checkbox1'><label for="c1">多选项1</label>
                </br>
                <input type="checkbox" id='c2' name='checkbox1'><label for="c2">多选项2</label>
            </div>
            <div class='content-item'>
                <span>图片上传</span>
                <form id="form" method="POST" enctype="multipart/form-data" 
                 onsubmit="return check();">
                    <input type="file" accept="image/*" name="file" id="file" placeholder='选择图片'/>
                </form>
            </div>
            <div class='content-item'>
                <span>文件上传</span>
                <form id="form" method="POST" enctype="multipart/form-data" 
                 onsubmit="return check();">
                    <input type="file" accept="image/*" name="file" id="file" placeholder='选择图片'/>
                </form>
            </div>
			<div class="content-item">
				<button type="submit" class="submit">提交</button>
			</div>
        </div>
    </body>
    <script>
        // console.log(document.get)
        function check(){
            console.log(11111)
        }
    </script>
</html>