如何设置 HTML <select> 元素的默认值?

javascriptweb developmentfront end scripts

使用 HTML,您可以轻松创建一个简单的下拉项目列表,以获取 HTML 表单中的用户输入。为此使用 <select> 元素,它是一个选择框,也称为下拉框,带有列出项目的选项。

此外,您还可以从 HTML 表单中的下拉项目中设置默认值。为此,在 <option> 标签中添加要预选的值的 selected。

示例

您可以尝试运行以下代码来了解如何设置 HTML <select> 元素的默认值 −

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Select Element</title>
   </head>
   <body>
      <p> Select any one:</p>
      <form>
         <select name = "dropdown">
            <option value = "Java">Java</option>
            <option value = "Discrete Mathematics" selected >Discrete Mathematics</option>
            <option value = "Chemistry">Chemistry</option>
         </select>
      </form>
   </body>
</html>

相关文章