单选框,多选框,以及下拉框

最新推荐文章于 2025-06-01 15:23:25 发布

蓝士

最新推荐文章于 2025-06-01 15:23:25 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html 文章标签： html 选择框下拉框

本文链接：https://blog.youkuaiyun.com/qq_39161740/article/details/84571718

html 专栏收录该内容

1 篇文章

订阅专栏

本文详细解析了HTML中的表单元素，包括单选框、复选框及下拉框的使用方法，阐述了它们的属性如name、checked、selected的作用，以及如何设置默认选中项。同时介绍了复选框和下拉框的多选功能。

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

//选择框

input标签的类型为 radio 时是多选按钮, 类型为 checkbox 时是复选框, name属性值相同视为同一组,拥有属性checked时视为默认选中元素,或者写成checked='checked'.

单选框

eg:
<input type="radio"name="a">
<input type="radio" name='a' checked>

复选框

eg:
   <input type="checkbox" name='b'>
   <input type="checkbox" name='b'>
   <input type="checkbox" name='b'>
   <input type="checkbox" name='b'>

//下拉框

select标签为下拉框,有multiple属性时可以多选(选择时按住ctrl键),没有时只能单选,option标签有属性selected时视为默认选中元素,或者写成selected='selected'.

单选下拉框

eg:

多选下拉框

eg:
   <select name='more' multiple="">
       <option >1</option>
       <option selected>2</option>
       <option>3</option>
       <option>4</option>
   </select>