表格&&表单练习

最新推荐文章于 2024-07-20 21:41:48 发布

404的又一天

最新推荐文章于 2024-07-20 21:41:48 发布

阅读量38

点赞数

文章标签： html css javascript

本文链接：https://blog.csdn.net/m0_61418777/article/details/129245727

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>



    <table border="1" height="600" width="500" cellspacing="0">


        <caption><strong> 优秀学生信息表格</strong></caption>


        <thead>
            <tr>
                <th>年级</th>
                <th>姓名 </th>
                <th>学号</th>
                <th>班级</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="2">高三</td>
                <td>张三</td>
                <td>110</td>
                <td>3-2班</td>
            </tr>
            <tr>

                <td>赵四</td>
                <td>120</td>
                <td>3-3班</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>评语</td>
                <td colspan="3">你们都很优秀</td>



            </tr>
        </tfoot>
    </table>
    <form action="">
        <h1>青春不常在，赶紧谈恋爱</h1>
        <hr>
        昵称：<input type="text" value="请输入昵称"><br><br>
        性别：<label><input type="radio" name="sex" checked>男</label>
        <label></label><input type="radio" name="sex">女</label><br><br>
        所在城市：<select>
            <option>北京</option>
            <option selected>上海</option>
            <option>深圳</option>
        </select><br><br>
        婚姻状况：<label><input type="radio" name="marry">未婚</label>
        <label><input type="radio" name="marry">已婚</label>
        <label><input type="radio" name="marry">保密</label><br><br>
        喜欢的类型:<input type="checkbox" checked>可爱<input type="checkbox" checked>性感<input type="checkbox">御姐<br>
        个人介绍：<br>
        <textarea name="" id="" cols="30" rows="10"></textarea><br>
        <h3>我承诺</h3>
        <ul>
            <li>年满18，单身</li>
            <li>抱着严肃的态度</li>
            <li>真诚寻找</li>

        </ul>
        <input type="checkbox">我同意所有条款<br>
        <button value="submid">免费注册</button>
        <button value="reset">重置</button>

    </form>
</body>

</html>