在HTML中创建可选列表

使用<select>标记创建一个可选列表。HTML <select>标记在表单中用于定义选择列表。

HTML <select>标记还支持以下附加属性-

属性

描述
自动对焦
自动对焦
指定页面加载时,下拉列表应自动获得焦点。
残障人士
残障人士
禁用输入控件。该按钮将不接受用户的更改。它也无法获得焦点,并且在按Tab键时将被跳过。
形成
form_id
指定一种或多种形式。


设置后,它指定一次可以选择多个项目
名称
名称
为输入控件分配一个名称。
需要
需要
在提交表单之前,用户需要选择一个值,否则它将不会继续进行。
尺寸

定义下拉列表中可见项目的数量

示例

您可以尝试运行以下代码以创建HTML中的可选列表-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML select Tag</title>
   </head>
   <body>
      <form action = "/cgi-bin/dropdown.cgi" method = "post">
         <select name = "dropdown">
            <option value = "Data Structures" selected>Data Structures</option>
            <option value = "Data Mining">Data Mining</option>
         </select>
         <input type = "submit" value = "Submit" />
      </form>
   </body>
</html>