【HTML5】-06 表单单选多选、下拉选项

最新推荐文章于 2024-03-28 21:46:24 发布

Nameless-Y

最新推荐文章于 2024-03-28 21:46:24 发布

阅读量1.6k

点赞数 1

分类专栏： html5+css3 文章标签： html

本文链接：https://blog.csdn.net/yang1111111112/article/details/113683830

版权

内容1：label

内容2：input type：radio单选； checkbox多选

内容3：select、option 下拉

<!DOCTYPE html>


<!-- 使用label为input标签穿上衣服 -->

<!-- label标签不会向用户呈现任何特殊效果，
它的作用是为鼠标用户改进了可用性。
如果你在 label 标签内点击文本，就会触发此控件。
就是说，当用户单击选中该label标签时，
浏览器就会自动将焦点转到和标签相关的表单控件上
（就自动选中和该label标签相关连的表单控件上）。 -->

<html>
    <head>
        <meta charset="UTF-8">
        <title> 表单学习 </title>
    </head>

    <body>
        <br>
        <h4>label单标签学习：</h4>
        <form action="">
            <!-- label for="控件id名称"> -->
            <label for="uname">名称</label>
            <input type="text" id="uname" placeholder="enter your name">
            <br><br>
            <label for="pass&

最低0.47元/天解锁文章

Nameless-Y

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
【HTML5】-06 表单单选多选、下拉选项

内容1：label内容2：input type：radio单选； checkbox多选内容3：select、option 下拉<!DOCTYPE html><!-- label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动
复制链接

扫一扫