我们如何使用HTML表单中的简单项目下拉列表?

使用HTML,您可以创建一个简单的项目下拉列表,以获取HTML表单中的用户输入。选择框(也称为下拉框)提供了一个选项,可以以下拉列表的形式列出各种选项,用户可以从中选择一个或多个选项。<select>标记用于在HTML中创建带有<option>标记的下拉列表。

以下是<select>标记的属性列表:

序号
属性和说明
1
名称
用于为控件指定名称,该名称将被发送到服务器以进行识别并获取值。
2
大小
可用于显示滚动列表框。
3
多个
如果设置为“多个”,则允许用户从菜单中选择多个项目。


以下是<option>标记的属性列表:

序号
属性和说明
1

如果在选择框中选择一个选项,将使用的值。
2
Selected
指定此选项应为页面加载时的初始选定值。
3
标签
标记选项的另一种方法。


示例

您可以尝试运行以下命令以创建一个简单的项目下拉列表,以获取HTML表单中的用户输入:

<!DOCTYPE html>
<html>
   <head>
      <title>Select Box Control</title>
   </head>
   <body>
      <p>Here's the list of subjects. Select any one:</p>
      <form>
         <select name = "dropdown">
            <option value = "Computer Architecture" selected>Computer Architecture</option>
            <option value = "Java">Java</option>
            <option value = "Discrete Mathematics">Discrete Mathematics</option>
         </select>
      </form>
   </body>
</html>