HTML selected 属性

2025 年 3 月 25 日 | 阅读 2 分钟

Selected 是 <option> 元素的属性，用于定义下拉列表中默认选中的选项。

当任何选项使用此属性时，该选项应被预先选中并在网页加载时首先显示。

语法

示例：以下示例在 <option> 标签中使用了 Selected 属性，值为 Jaguar。

<!DOCTYPE html>
<html>
<head>
<title> 
Example of selected attribute
</title>
</head>
<body>
<h4> Select Your favourite Car from the following given options: </h4>
<br>
<select name="cars"> 
  <option value="Mercedes"> Mercedes </option>
   <option value="Lamborghini"> Lamborghini </option>
<!-- In the following option tag we specify the selected attribute for the Jaguar value, which is display as selected on the web page by default. -->
  <option value="Jaguar" selected> Jaguar </option>
  <option value="BMW" > BMW </option>
  <option value="Audi"> Audi </option> 
</select>
</body>
</html>

输出

示例 2：以下示例在 <option> 标签中使用了 Selected 属性，值为 Pomegranate。

<!DOCTYPE html>
<html>
<head>
<title> 
Second Example of selected attribute
</title>
</head>
<body>
<h4> Select Your favourite fruit from the following list of fruits: </h4>
<br>
<select name="fruits"> 
  <option value="Apple"> Apple </option>
   <option value="Banana"> Banana </option>
  <option value="Orange"> Orange </option>
<!-- In the following option tag we specify the selected attribute for the Pomegranate value, which is display as selected on the web page by default.-->
  <option value="Pomegranate" selected> Pomegranate </option>
  <option value="Grapes"> Grapes </option> 
   <option value="Mango"> Mango </option> 
</select>
</body>
</html>

输出