【实用】HTML的简单示例（表单篇）

最新推荐文章于 2024-05-07 18:30:56 发布

Monkey_24

最新推荐文章于 2024-05-07 18:30:56 发布

阅读量6k

点赞数 9

文章标签： html

本文链接：https://blog.csdn.net/u012335228/article/details/108970839

版权

效果如下：
在这里插入图片描述

代码内容：

<html>
    <head>
        <title>增加管理员</title>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="" method="GET">
            <table>
                <thead></thead>
                <tbody>
                    <tr>
                        <td>姓名：</td>
                        <td>
                            <input type="text" name="uname" value="test2yzx">
                        </td>
                        <td>十个字符以内</td>
                    </tr>
                    <tr>
                        <td>密码：</td>
                        <td>
                            <input type="password" name="upasswd">
                        </td>
                        <td>十个字符以内</td>
                    </tr>
                    <tr>
                        <td>性别：</td>
                        <td>
                            <input type="radio" name="gender" value="female" checked>女士
                            <input type="radio" name="gender" value="male">男士
                        </td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>角色：</td>
                        <td>
                            <input type="checkbox" name="role" value="superAdmin">超级管理员
                            <br>
                            <input type="checkbox" name="role" value="financialAdmin">账单管理员
                        </td>
                        <td>至少选择一个角色</td>
                    </tr>
                    <tr>
                        <td>头像：</td>
                        <td>
                            <input type="file">
                        </td>
                        
                    </tr>
                    <tr>
                        <td></td>
                        <td>
                            <input type="submit" name="submit" value="保存">
                            <input type="reset" name="submit" value="重置">
                        </td>
                        <td></td>
                    </tr>
                </tbody>
            </table>

        </form>
    </body>
</html>

HTML知识点

<!doctype html>
<html>
    <head>
        <title>文本</title>
        <meta charset='utf-8'>
    </head>
    <body>
        网页主体
    </body>
</html>

2.常见的标签
    标题标签<h1-h6></h1-h6>
    段落标签<p></p> 
    加粗b 斜体 i 下滑线 u 删除线 s 上标sup 下标 sub
    块分区 div
    行内分区 span
    换行 br hr
    有序列表 ol
    无序列表 ul
        <ol

最低0.47元/天解锁文章

Monkey_24

关注

9
点赞
踩
50

收藏

觉得还不错? 一键收藏
0
评论
【实用】HTML的简单示例（表单篇）

效果如下：代码内容：<html> <head> <title>增加管理员</title> <meta charset="utf-8"> </head> <body> <form action="" method="GET"> <table> <thead>&
复制链接

扫一扫