day08前端网页技术HTML入门

这是一个使用HTML创建的学生信息管理系统的示例。页面包含一个表单,用于输入学生的姓名、年龄、性别、爱好、学历和入学日期。用户可以选择性别,多选爱好,选择学历,并通过输入框和下拉菜单填写信息。最后,用户可以点击'保存'或'取消'按钮进行操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<!-- 标题标签: 包括:h1~h6 -->

<!-- 列表标签: ol + li 有序 ul + li 无序 type 定义列表符号,默认是 disc 小圆点

<!-- 图片标签: img向网页中引入图片 (相对路径/绝对路径) border:边框 width:宽度 height:高度 -->

<a href="#_top">回到顶部</a><!-- 获取_top的位置,像书签 -->

<!--table表格标签 tr 表格里的行 td 表格里的列 border:表格的边框 cellspacing:单元格的间距 bgcolor:背景颜色 width:宽度 align:位置 -->

学生管理系统

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>学生信息</title>
    </head>
    <body>
        <form>
            <h1>学生信息管理系统MIS</h1>
            <table border="1px" width="300" height="50" bgcolor="aliceblue"
             bordercolor="purple" cellspacing="0">
             <tr>
                 <td colspan="2" >姓名:</td>
                 
             </tr>
                <tr>
                    <td colspan="2">
                        <input type="text" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2">年龄:</td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="number" />
                    </td>
                </tr>
                <tr>
                    <td>性别:</td>
                    <td>
                        <input type="radio" name="sex" value="1" />男
                        <input type="radio" name="sex" value="0" />女
                    </td>
                </tr>
                <tr>
                    <td>爱好:</td>
                    <td>
                        <input type="checkbox" />乒乓球
                        <input type="checkbox" />爬山
                        <input type="checkbox" />唱歌
                    </td>
                </tr>
                <tr>
                    <td>学历:</td>
                    <td>
                        <select name="educatio">
                            <option>硕士</option>
                            <option>本科</option>
                            <option>大专</option>
                            <option>中专</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>入学日期</td>
                    <td>
                        <input type="week" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="submit"value="保存" />
                        <input type="button" value="取消" />
                    </td>
                    <
                </tr>
            </table>
        </form>
    </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值