selected<option>元素的一个属性,用于定义下拉列表中的默认选择。

当某个选项使用该属性时,在网页加载时,该选项将被预选并显示在首位。

语法

<option selected>

示例:以下示例在<option>标签中使用了selected属性,并设置为Jaguar值。

<!DOCTYPE html>
<html>
<head>
<title>选中属性示例</title>
</head>
<body>
<h4>从以下给定的选项中选择您喜欢的汽车:</h4>
<br>
<select name="cars">
  <option value="Mercedes">Mercedes</option>
  <option value="Lamborghini">Lamborghini</option>
  <!-- 在下面的选项标签中,我们使用了selected属性来指定Jaguar值,默认情况下,在网页上显示为选中状态。 -->
  <option value="Jaguar" selected>Jaguar</option>
  <option value="BMW">BMW</option>
  <option value="Audi">Audi</option>
</select>
</body>
</html>

输出结果:

1.png

示例 2:以下示例在<option>标签中使用了selected属性,并设置为Pomegranate值。

<!DOCTYPE html>
<html>
<head>
<title>选中属性的第二个示例</title>
</head>
<body>
<h4>从以下水果列表中选择您喜欢的水果:</h4>
<br>
<select name="fruits">
  <option value="Apple">Apple</option>
  <option value="Banana">Banana</option>
  <option value="Orange">Orange</option>
  <!-- 在下面的选项标签中,我们使用了selected属性来指定Pomegranate值,默认情况下,在网页上显示为选中状态。 -->
  <option value="Pomegranate" selected>Pomegranate</option>
  <option value="Grapes">Grapes</option>
  <option value="Mango">Mango</option>
</select>
</body>
</html>

输出结果:

2.png

浏览器支持

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<selected>

标签: html, HTML教程, HTML技术, HTML学习, HTML学习教程, HTML下载, HTML语言, HTML开发, HTML入门教程, HTML进阶教程, HTML面试题, HTML笔试题, HTML编程思想