【ds表单】11111HTML

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>问卷调查</title>
    </head>
    <style type="text/css">
        body,
        form,
        input,
        p {
            padding: 0px;
            margin: 0 auto;
        }

        #box {
            width: 1260px;
            height: 1400px;
            margin: 0 auto;
            padding: 50px;
            text-align: center;

        }

        p {
            font-size: 26px;
            font-weight: bold;
            border-bottom: 3px solid black;
            padding-bottom: 10px;

        }
        table {
            border-collapse: collapse;
            margin: 20px auto;
        }
        #box1 tr:nth-child(odd) {
            color: rgb(255, 255, 255);
            background-color: #0e8ad7;
            padding: 40px;
        }

        #box1 {
            border-collapse: collapse;


        }

        #box1 td {
            padding: 12px;
            text-align: left;


        }

        #box1 tr {
            border-left: 1px solid #0E8AD7;
            border-right: 1px solid #0E8AD7;
            border-bottom: 1px solid #0E8AD7;
        }
        .tj{
            line-height: 40px;
        }

        #box2 {
            padding: 60px;
        }

        .num {
            width: 120px;
            height: 25px;
        }

        span {
            font-size: 18px;
        }

        #box3 {
            padding: 40px;
        }

        #bth1,
        #bth2 {
            width: 220px;
            height: 60px;
            border: 0px;
            margin-left: 30px;

        }

        #bth1 {
            background-color: darkorange;
        }

        #bth2 {
            background-color: deepskyblue;
        }

        input {
            color: rgb(255, 255, 255);
            font-size: 22px;
        }

        #box4 {
            border-top: 32px solid rgb(235, 235, 235);
        }
    </style>
    <body>
        <div id="box">
            <p>问卷调查</p>
            <table>
                <tr>
                    <td width="300px">发布日期:2021-04-30 15: 22</td>
                    <td width="300px">浏览次数:947</td>
                    <td width="300px">字体:[大 中 小]</td>

                </tr>
            </table>
            <div id="box2">
                <form>
                <table id="box1" align="center" width="88%">

                    <tr>
                        <td colspan="4"><span>1、zhong 共的最早组织是(必填)</span></td>
                    </tr>
                    <tr>
                        <td><input type="radio" name="sex">北京gczy小组</td>
                        <td><input type="radio" name="sex1">上海gczy小组</td>
                        <td><input type="radio" name="sex2">广州gczy小组</td>
                        <td><input type="radio" name="sex3">长沙gczy小组</td>

                    </tr>
                </table>

                <table id="box1" align="center" width="88%">
                    <tr>
                        <td align="left" colspan="4"><span>
                                2、标志着开端的历史事件是(必填)<span></td>

                    </tr>
                    <tr>
                        <td><input type="radio" name="sex"> xin wen hua运动 </td>
                        <td><input type="radio" name="sex1">wu si运动</td>
                        <td><input type="radio" name="sex2">zggcd成立 </td>
                        <td><input type="radio" name="sex3">五卅yun dong </td>

                    </tr>
                </table>
                <table id="box1" align="center" width="88%">
                    
                        <tr>
                            <td align="left" colspan="4"><span>
                                    3、 zhong gong 一 大于(必填)</span></td>

                        </tr>
                        <tr>
                            <td><input type="radio" name="sex"> 1921年6月20日 </td>
                            <td><input type="radio" name="sex1">1921年7月1日 </td>
                            <td><input type="radio" name="sex2">1921年7月23日 </td>
                            <td><input type="radio" name="sex3">1921年7月30日 </td>

                        </tr>
                    </table>
                    <table id="box1" align="center" width="88%"> 
                            <tr>
                                <td align="left" colspan="4">
                                    <span>4、zhong guo kang zhan kaishi 标志是?(必填)</span></td>

                            </tr>
                            <tr>
                                <td><input type="radio" name="sex">九一八shibian </td>
                                <td><input type="radio" name="sex1">shibian </td>
                                <td><input type="radio" name="sex2">一 • 二九yundong</td>
                                <td><input type="radio" name="sex3">七七shibian</td>

                            </tr>
                        </table>
                        <table id="box1" align="center" width="88%">
                            <tr>
                                <td align="left" colspan="4"><span>5、1935年1月,。(必填)</span></td>

                            </tr>
                            <tr>
                                <td><input type="radio" name="sex"> </td>
                                <td><input type="radio" name="sex1"></td>
                                <td><input type="radio" name="sex2"></td>
                                <td><input type="radio" name="sex3"></td>

                            </tr>
                        </table>
                        <table id="box1" align="center" width="88%">
                            <tr>
                                <td align="left" colspan="4"><span>6、(必填)</span></td>

                            </tr>
                            <tr class="tj">
                                <td>
                                <input type="radio" name="sex">  <br>
                                <input type="radio" name="sex1">    <br>
                                <input type="radio" name="sex2">     <br>
                                <input type="radio" name="sex3">
                                </td>
                            </tr>
                        </table>
                        <table id="box1" align="center" width="88%">
                            <tr>
                                <td align="left" colspan="4"><span>7、(必填)</span></td>

                            </tr>
                            <tr class="tj">
                                <td><input type="radio" name="sex"> <br />
                                <input type="radio" name="sex1">   <br />
                                <input type="radio" name="sex2">    <br />
                                <input type="radio" name="sex3"></td>

                            </tr>
                        </table>
                        <table id="box1" align="center" width="88%">
                            
                                <tr>
                                    <td align="left" colspan="4"><span>8、(必填)</span></td>

                                </tr>
                                <tr>
                                    <td><input type="radio" name="sex">《》</td>
                                    <td><input type="radio" name="sex1"> 《》</td>
                                    <td><input type="radio" name="sex2">《》</td>
                                    <td><input type="radio" name="sex3">《》 </td>

                                </tr>
                        </table>
                        <table id="box1" align="center" width="88%">
                        <tr>
                            <td align="left" colspan="4"><span>9、(必填)</span></td>

                        </tr>
                        <tr>
                            <td><input type="radio" name="sex"></td>
                            <td><input type="radio" name="sex1"> </td>
                            <td><input type="radio" name="sex2"></td>
                            <td><input type="radio" name="sex3"></td>
                            </table>


            </div>
            </form>
            
            <div id="box3">

                <input type="submit" name="btnLogin" id="bth1" value="提交" />
                <input type="reset" name="btnre" id="bth2" value="重新填写" />
            </div>

        </div>


    </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值