Day5表单-lable标签和按钮

lable标签
image
"增大表单控件的点击范围"通俗来讲就是在多选框应用时，假设是性别选择，用户除了点击那个小圈进行勾选，还可以直接点击男或者女字来勾选，而为了达到这种效果一共有两种方法
image

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lable标签</title>
</head>
<body>
    <input type="radio" name="gender" id="man"> <label for="man">男</label>
    <label > <input type="radio" name="gender" id="woman"> 女</label>
</body>
</html>

按钮
image

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>按钮</title>
</head>
<body>
    <!-- action是用来发送数的地址 -->
    <form action="">
        用户名: <input type="text">
        <br><br>
        密码: <input type="password">
        <br><br>
    <!-- 如果不输入type，那么功能是提交，其是默认功能 -->
        <button type="submit">提交</button>
        <button type="reset">重置</button>
        <button type="button">普通按钮</button>

    </form>

</body>
</html>

image

posted @ 2025-10-27 11:08  冰涿  阅读(8)  评论(0)    收藏  举报