HTML Tag







googletag.cmd.push(function() { googletag.display('div-gpt-ad-1422003450156-2'); });



HTML <select> Tag



❮ Previous
Complete HTML Reference
Next ❯



Example


Create a drop-down list with four options:



<select>
 
<option value="volvo">Volvo</option>
 
<option value="saab">Saab</option>
 
<option value="mercedes">Mercedes</option>
 
<option value="audi">Audi</option>
</select>

Try it Yourself »


Definition and Usage


The <select> element is used to create a drop-down list.


The <option> tags inside the <select> element define the available options in
the list.



Browser Support



















Element
<select> Yes Yes Yes Yes Yes


Tips and Notes


Tip: The <select> element is a form control and can be used in a form to collect user input.



Differences Between HTML 4.01 and HTML5


HTML5 has added some new attributes.








googletag.cmd.push(function() { googletag.display('div-gpt-ad-1493883843099-0'); });





Attributes


= New in HTML5.











































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


Global Attributes


The <select> tag also supports the Global Attributes in HTML.



Event Attributes


The <select> tag also supports the Event Attributes in HTML.



Related Pages


HTML DOM reference: Select Object


CSS Tutorial: Styling Forms




Default CSS Settings


None.





❮ Previous
Complete HTML Reference
Next ❯

-

Popular posts from this blog

Python Lists

<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> Python Lists ❮ Previous Next ❯ Python Collections (Arrays) There are four collection data types in the Python programming language: List is a collection which is ordered and changeable. Allows duplicate members. Tuple is a collection which is ordered and unchangeable. Allows duplicate members. Set is a collection which is unordered and unindexed. No duplicate members. Dictionary is a collection which is unordered, changeable and indexed. No duplicate members. When choosing a collection type, it is useful to understand the properties of that type. Choosing the right type for a particular data set could mean retention of meaning, and, it could mean an increase in efficiency or security. List A list is a collection which is ordered and changeable. In Python lists are written with square brackets. Example Create a List: thislist = ["apple", "banana", ...
Read more

Aion

Image
Aion - 6+ , 5417 Aion - . MMORPG, World of Warcraft, World of Tanks My Lineage II . CryEngine. , . : Aion https://ru.4game.com/aion/ Aion , . , , . , , . , , , . . , , , . . : . , . , , . , , . 12 , 2 : ( ). ( ). ( ). ( ) ( ). ( ). , . , : . . , . , , . . , , . Aion, , . , . , . : . . . . , : , , , , , . , , , . : Aion https://ru.4game.com/aion/install/ : . , . , . , Aion . , . . , . , . , , . . : . . . , ( !), MMORPG Aion . , . ...
Read more

JavaScript Array Iteration Methods

<!-- main_leaderboard, all: [728,90][970,90][320,50][468,60] --> JavaScript Array Iteration Methods ❮ Previous Next ❯ Array iteration methods operate on every array item. Array.forEach() The forEach() method Calls a function once for each array element. Example var txt = ""; var numbers = [4, 9, 16, 25]; numbers.forEach(myFunction); function myFunction(value, index, array) {     txt = txt + item + "<br>"; } Try it Yourself » Note that the function takes 3 arguments: The item value The item index The array itself Array.forEach() is not supported in Internet Explorer 8 or earlier: Method forEach() Yes 9.0 Yes Yes Yes Array.map() The map() method creates a new array by performing a function on each array element. This example multiplies each array value by 2: Example var numbers1 = [4, 9, 16, 25]; var numbers2 = numbers1.map(myFunction); function m...
Read more