Bootstrap

前端代码贴

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <table>

        <thead><h3>请填写简历信息</h3></thead>

        <tr>

            <td>

                <label for="name">姓名</label>

            </td>

            <td><input type="text" name="" id="name"></td>

        </tr>

        <tr>

            <td>

                性别

            </td>

            <td>

                <input type="radio" name="sex" id="male" checked="checkerd">

                <label for="male">

                    <img src="./male.png" alt=""width="20" height="20">男

                </label>

                <input type="radio" name="sex" id="female">

                <label for="female">

                    <img src="./female.png" alt=""width="20" height="20">女

                </label>

                <!-- 名字是一样的话只能单选 -->

            </td>

        </tr>

        <tr>

            <td>出生日期</td>

            <td>

                <select name="" id="">

                <option value="">--请选择年份--</option>

                <option>2000</option>

                <option>2001</option>

                <option>2002</option>

                <option>2003</option>

                <option>2004</option>

                </select>

                <select name="" id="">

                    <option value="">--请选择月份--</option>

                    <option>1</option>

                    <option>2</option>

                    <option>3</option>

                    <option>4</option>

                    <option>5</option>

                    <option>6</option>

                    <option>7</option>

                    <option>8</option>

                    <option>9</option>

                    <option>10</option>

                    <option>11</option>

                    <option>12</option>

                    <!-- alt+ shift +下 复制粘贴 -->

                </select>

                <select name="" id="">

                    <option value="">--请选择日期--</option>

                    <option>1</option>

                    <option>2</option>

                    <option>3</option>

                    <option>4</option>

                    <option>5</option>

                    <option>6</option>

                    <option>7</option>

                    <option>8</option>

                    <option>9</option>

                    <option>10</option>

                    <option>11</option>

                    <option>12</option>

                    <option>13</option>

                    <option>14</option>

                    <option>15</option>

                    <option>16</option>

                    <option>17</option>

                    <option>18</option>

                    <option>19</option>

                    <option>20</option>

                    <option>21</option>

                    <option>22</option>

                    <option>23</option>

                    <option>24</option>

                    <option>25</option>

                    <option>26</option>

                    <option>27</option>

                    <option>28</option>

                    <option>29</option>

                    <option>30</option>

                    <option>31</option>

                </select>

            </td>

        </tr>

        <tr>

            <td>

                <label name="school">就读学校</label>

            </td>

            <td>

                <input type="text" id="school">

            </td>

            <!-- input默认是什么? -->

        </tr>

        <tr>

            <td>应聘岗位</td>

            <td>

                <input type="checkbox" name="" id="fe">

                <label for="fe">前端开发</label>

                <input type="checkbox" name="" id="server">

                <label for="server">后端开发</label>

                <input type="checkbox" name="" id="test">

                <label for="test">测试开发</label>

                <input type="checkbox" name="" id="yunwei">

                <label for="yunwei">运维开发</label>

            </td>

        </tr>

        <tr>

            <td>掌握的技能</td>

            <td>

                <textarea></textarea>

            </td>

        </tr>

        <tr>

            <td>项目经历</td>

            <td>

                <textarea></textarea>

            </td>

        </tr>

        <tr>

            <td></td>空格

            <td>

                <input type="checkbox" id="read">

                <label for="read">我已仔细阅读公司的招聘要求</label>

            </td>

        </tr>

        <tr>

            <td></td>

            <td>

                <a href="#">查看我的状态</a>

            </td>

        </tr>

        <tr>

            <td></td>

            <td><h3>应聘者确认信息</h3></td>

        </tr>

        <tr>

            <td></td>

            <td>

                <ul>

                    <li>以上信息有效</li>

                    <li>能尽早去公司实习</li>

                    <li>能接受公司的加班文化</li>

                </ul>

            </td>

        </tr>

    </table>

</body>

</html>

;