xiaojincai
/
zkyuan


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
							<!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;
            }
            .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:20px;
            }
            .content-item span{
                display:block;
                margin-bottom:10px;
            }
            .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;
            }
        </style>
    </head>
    <body>
        <img src="" alt="" width='200px' height='36px' style='background-color: #eee;'>
        <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='选择图片'/>
                    <input type="submit" value="提交"/>
                </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='选择图片'/>
                    <input type="submit" value="提交"/>
                </form>
            </div>
        </div>
    </body>
    <script>
        // console.log(document.get)
        function check(){
            console.log(11111)
        }
    </script>
</html>