欢迎来到Cecilia陈的博客

孤独，是人一生最好的修行。

[03--CSS] submit 提交按钮 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="" method="get">
        <div>
            <!--这里的文本框的描述信息“用户名”我们可以像下面这样写，也可以用<label>标签写-->
            <!-- <label>用户名</label> -->
            <!--value="123" 是文本框一开始就默认显示的值-->
            用户名:<input type="text" name="user" value="123">
        </div>
        <div>
            <!-- 表单的密码框是密文的，描述信息“密码”一样可以用label标签写-->
            密码:<input type="password" name="pwd">
        </div>
        <div>
            <!--radio单选框，有多个选项只能选择一个，name属性是代表我单选框的总字段名，
				value的值是提交到后台的值，checked是默认选择的-->
            <input type="radio" name="sex" value="1" checked>男
            <input type="radio" name="sex" value="0">女
        </div>
        <div>
            <!--checkbox复选框，有多个选项，可以选择多个值，
				value的作用都是一样的，checked也是同理-->
            <input type="checkbox" name="hobbies" value="1" checked> 唱歌
            <input type="checkbox" name="hobbies" value="2" checked> 跳舞
            <input type="checkbox" name="hobbies" value="3"> 做饭
        </div>

        <div>
            <input type="submit">
        </div>
    </form>
</body>
</html>
posted @   Cecilia陈  阅读(656)  评论(0)  编辑  收藏  举报
编辑推荐：
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 单线程的Redis速度为什么快？
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决：字节Trae VS Cursor，谁才是开发者新宠？
· 展开说说关于C#中ORM框架的用法！
点击右上角即可分享
微信分享提示