如何在 HTML 表单中使用简单的下拉列表?
htmlweb developmentfront end technology更新于 2025/12/16 5:32:17
使用 HTML，您可以创建一个简单的下拉列表来获取 HTML 表单中的用户输入。选择框(也称为下拉框)提供了一种选项，可以以下拉列表的形式列出各种选项，用户可以从中选择一个或多个选项。<select> 标签用于在 HTML 中创建下拉列表，与 <option> 标签一起使用。
以下是 <select> 的属性列表。标签:
| 序号 | 属性 &描述 |
| 1 | Name 用于为发送到服务器进行识别并获取值的控件提供名称。 |
| 2 | Size 这可用于呈现滚动列表框。 |
| 3 | Multiple 如果设置为"Multiple"然后允许用户从菜单中选择多个项目。 |
以下是 <option> 标签的属性列表:
| Sr.No | 属性 &描述 |
| 1 | Value 选择框中的选项被选中时将使用的值。 |
| 2 | Selected 指定此选项应为页面加载时最初选定的值。 |
| 3 | Label 另一种标签方式选项。 |
示例
您可以尝试运行以下命令创建一个简单的下拉列表，用于在 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>
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
