怎么设置select的默认选项,实例在线编辑

通常情况下,HTML文档中的select元素所定义的下拉菜单(列表)的默认选项为排序在第一的option元素定义的选项,即浏览器渲染的时候,select下拉菜单呈现给用户的选项文本。那要将该默认选项设置成其它的选项option该怎么设置呢?


select的默认选项的方法

select元素包含的option选项元素中有一个属性selected,可以用来设置当前项为该select下拉菜单(列表)的默认选项,而且通常情况下,该属性只设置在一个option元素中,语法如下:

<option selected></option>

提示:option元素的使用可以单独使用<option>标签(这个时候可以设置label属性来显示文本内容),也可以跟闭合标签一同使用。


实例代码,及在线编辑器

下方的实例代码,将使用两种option元素的使用方式:

<select>
  <option label='Python'>
  <option selected>HTML</option>
  <option>CSS</option>
</select>

全栈前端 / HTML教程 :


















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.