欢迎光临
我们一直在努力

HTML | 表单(六)下拉菜单和列表标签

当我们使用单选框时,如果待选择的选项非常多(如城市),会导致我们页面非常杂乱。这个时候通过下拉菜单就能很好地节约空间,使内容更整洁。

代码演示:

<select><option value="beijing">北京</option>
        <option value="shanghai">上海</option>
        <option value="guangzhou">广州</option>
        <option value="hangzhou">杭州</option>
        <option value="nanjing">南京</option>
        <option value="chengdu">成都</option></select>

展示效果:

select标签属性:

代码演示:

<select name="city" size="3" multiple>
      <option value="beijing">北京</option>
      <option value="shanghai">上海</option>
      <option value="guangzhou">广州</option>
      <option value="hangzhou">杭州</option>
      <option value="nanjing">南京</option>
      <option value="chengdu">成都</option>
</select>

预览效果:

代码演示:

<select name="city">
                        <option value="beijing">北京</option>
                        <option value="shanghai">上海</option>
                        <option value="guangzhou">广州</option>
                        <option value="hangzhou" selected>杭州</option>
                        <option value="nanjing">南京</option>
                        <option value="chengdu">成都</option>
                    </select>

预览效果:

赞(0) 打赏
未经允许不得转载:散人研 » HTML | 表单(六)下拉菜单和列表标签
分享到: 更多 (0)

评论 抢沙发

5 + 9 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏