html tutorial - Select <select>-tag in HTML - html5 - html code - html form

Learn html - html tutorial - select tag in html - html examples - html programs

The <select> tag used to create a drop-down list.
The <option> tag used to specify the options in the drop-down list.
<select> tag belongs to Flow content, Phrasing content, Interactive content, Listed, Labelable, Resettable, and Submittable form-associated element.
<select> tag supports Global Attributes and Event Attributes.

Syntax for <select> tag:

<select><option>Content HERE….</select></option>

Differences between HTML 4.01 and HTML5 for <select> tag:

HTML 4.01

HTML4 <select> tag does not support the following attributes autofocus, form and required.

HTML5

HTML5 <select> tag has some new attributes.

Sample Coding for <select> tag:

Tryit<!DOCTYPE html>
<html >
    <head>
        <title>Wikitechy select  Tag</title>
    </head>
    <body>
        Select Tutorial:
        <select>
            <option value=”html”>WikitechyHTML</option>
            <option value=”css”>WikitechyCSS</option>
            <option value=”php”>WikitechyPHP</option>
        </select>
    </body>
</html>

Code Explanation for <select> tag:

<select> tag used to display a drop-down list.
<option> tag used to specify the list of content.

Output of <Select> tag:

The output displays the “WikitechyHTML”, “WikitechyCSS”, and “WikitechyPHP” as a drop-down list.

Attribute List:

Attribute	Value	HTML4	HTML5	Description
autofocus	autofocus	No	Yes	Specifies that the drop-down list should automatically get focus when the page loads
disabled	disabled	Yes	Yes	Specifies that a drop-down list should be disabled
form	form_id	No	Yes	Defines one or more forms the select field belongs to
multiple	multiple	Yes	Yes	Specifies that multiple options can be selected at once
name	name	Yes	Yes	Defines a name for the drop-down list
required	required	No	Yes	Specifies that the user is required to select a value before submitting the form
size	number	Yes	Yes	Defines the number of visible options in a drop-down list

Browser Support for <select> tag:


Yes	Yes	Yes	Yes	Yes

PDF

Related Searches to select tag in html

html select selected html select default html select onchange html select placeholder html form select select tag rails html select multiple html option html form select option html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list