Create a selectable list in HTML

HTMLWeb DevelopmentFront End Technology

Use the <select> tag to create a selectable list. The HTML <select> tag is used within a form for defining a select list.

The HTML <select> tag also supports the following additional attributes −

Attribute
Value
Description
autofocus
autofocus
Specifies that on page load the drop-down list should automatically get focus.
disabled
Disabled
Disables the input control. The button won't accept changes from the user. It also cannot receive focus and will be skipped when tabbing.
form
form_id
Specifies one or more forms.
multiple
Multiple
When set, it specifies that multiple items can be selected at a time
name
Name
Assigns a name to the input control.
required
Required
Before submitting the form the user is required to select a value, else it won't proceed ahead.
size
Number
Defines the number of visible items in the drop-down list

Example

You can try to run the following code to create a selectable list in 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>
raja
Published on 13-Mar-2018 10:12:56
Advertisements