HTML14 按钮和多选框(DAY 52)

最新推荐文章于 2024-04-27 09:13:51 发布

张学恒

最新推荐文章于 2024-04-27 09:13:51 发布

阅读量1.5k

点赞数 1

分类专栏： # HTML 文章标签： html5 css3 java html intellij-idea

本文链接：https://blog.csdn.net/Watremelon/article/details/124526432

版权

HTML 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

文章目录

1：基础
reset 按钮作用：重置
2：代码

1：基础

在这里插入图片描述
多选框的按钮和数目都不一样了。

画出来的都是按钮，value是按钮的名字
图片也能是一个按钮，并且提交。

reset 按钮作用：重置

在这里插入图片描述

2：代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆注册</title>
</head>
<body>

<h1>&nbsp;&nbsp;&nbsp;注册</h1>
<!--表单form
action： 表单提交位置，可以是网站，也可以是一个请求处理地址
method ：post get 提交方式
get 方式提交： 我们可以在url中看到我们的提交的信息，不安全。
-->
<form action="1.我的第一个网页.html" method="get">
<!--   文本输入框 :input type = "text"
value="学恒好帅"  默认初始值
maxlength="7"   最长能写几个字符
 size="30" size 文本框长度
-->

    <p>名字: <input type="text" name="username" ></p>

<!--密码框 ： input type="password"-->
    <p>密码: <input type="password" name="pwd"></p>
<!--
单选框标签
input type="radio"
value 单选框的值
name 表示组
-->
    <p>性别
        <input type="radio" value="boy" name="sex"/>男
        <input type="radio" value="girl"  name="sex1"/>女
    </p>
<!--
多选框
-->

    <p>爱好
        <input type="checkbox" value="sleep" name="hobby">敲代码
        <input type="checkbox" value="sleep" name="hobby">吃饭
        <input type="checkbox" value="sleep" name="hobby">打豆豆
        <input type="checkbox" value="sleep" name="hobby">游戏

    </p>
<!--    按钮

input type="button"  普通按钮
input type="image"   图像按钮
input type="submit"  提交按钮
input type="reset"   重置

-->
    <p>按钮
        <input type="button" name="btn1" 点击变长>
        <input type="image" src="../resources/image/2.png">

    </p>


    <p>
        <input type="submit">
        <input type="reset" value="清空表单">
    </p>

</form>

<div class="container"></div>
</body>
</html>

张学恒

关注

1
点赞
踩
12

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML14 按钮和多选框(DAY 52)

文章目录1：基础reset 按钮作用：重置2：代码1：基础多选框的按钮和数目都不一样了。画出来的都是按钮，value是按钮的名字图片也能是一个按钮，并且提交。reset 按钮作用：重置2：代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登陆注册</title></head><bo
复制链接

扫一扫