微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html单项选择代码

HTML单项选择代码网页编程中使用频率很高的一种代码,同样也是面试中经常被问到的知识点。单项选择分两种,分别是单选框和下拉列表框,下面分别介绍。

<input type="radio" name="sex" value="male"> 男
<input type="radio" name="sex" value="female"> 女

html单项选择代码

以上是单选框代码,其中type属性设为radio表示将其设置为单选框,name属性用来区分不同的单选框选项组,value属性表示该选项的值,可以通过JavaScript获取选中的值。

<select name="age">
  <option value="1">18岁以下</option>
  <option value="2">18岁-25岁</option>
  <option value="3">25岁以上</option>
</select>

以上是下拉列表框代码,其中select标签用于创建下拉列表框,name属性用来区分不同的下拉列表框,option标签则用来创建每个选项,其中value属性表示该选项的值,内容则是在页面显示内容。通过JavaScript获取选中的值同样可以使用value属性

需要注意的是,单选框和下拉列表框可以设置认选中的选项,在单选框中设置checked属性,在下拉列表框中设置selected属性

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐