Web(四)构建Web表单-对表单元素分组

Lvv@

已于 2022-11-25 15:06:53 修改

阅读量900

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # Web practice of Educoder 文章标签：前端 javascript html

于 2022-11-25 13:56:08 首次发布

本文链接：https://blog.csdn.net/m0_63324772/article/details/128036821

Web practice of Educoder 专栏收录该内容

36 篇文章

订阅专栏

本文介绍了如何使用HTML和CSS实现表单元素分组，重点展示了如何创建一个下拉列表，设置为两行显示，选项包括玩游戏、看电影和听音乐。通过代码实例演示了前端开发中对表单元素的布局和交互设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第1关_分组元素相关的概念

第2关_对表单元素分组

编程要求

根据提示，在右侧编辑器补充代码。测试输入：创建一个下拉列表选择框，将选择框显示行数设置为两行,选项包括"玩游戏"“看电影”“听音乐” 预期输出：玩游戏看电影听音乐

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>表单分组</title>
 </head>
<body>
    <form>
        <!-- ********* Begin ********* -->
        <fieldset>
            <legend>请选择个人爱好</legend>
            <input type="checkbox" name="hobby"/>音乐
            <input type="checkbox" name="hobby"/>体育
            <input type="checkbox" name="hobby"/>其他
        </fieldset>
        
        <!-- ********* End ********* -->
    </form>
</body>
</html>