1<label for="cars">Choose a car:</label>
2
3<select id="cars">
4 <option value="volvo">Volvo</option>
5 <option value="saab">Saab</option>
6 <option value="mercedes">Mercedes</option>
7 <option value="audi">Audi</option>
8</select>
1<select class="form-control">
2 <option>1</option>
3 <option>2</option>
4 <option>3</option>
5 <option>4</option>
6 <option>5</option>
7</select>
1<html>
2 <head>
3 <title>Selection Inputs</title>
4 </head>
5 <body>
6 <form>
7 <label for="selector"> <!-- Can add label if want -->
8 <p>A "select" element allows users to input from a selection:</p>
9 <select id="selector"> <!-- Use "select" to create object -->
10 <option>Option 1</option> <!-- Add all applicable options -->
11 <option>Option 2</option>
12 <option selected>Option 3</option> <!-- add selected to change default from first option -->
13 <optgroup label="Group"> <!-- To create nested options for categories use "optgroup" -->
14 <option>Option 4</option>
15 <option>Option 5</option>
16 </select>
17 </label>
18 </form>
19 </body>
20</html>
1<label for="cars">Choose a car:</label>
2<select name="cars" id="cars">
3 <optgroup label="Swedish Cars">
4 <option value="volvo">Volvo</option>
5 <option value="saab">Saab</option>
6 <option value="n/a" disabled>unavailable</option>
7 </optgroup>
8 <optgroup label="German Cars">
9 <option value="mercedes" selected>Mercedes</option>
10 <option value="audi">Audi</option>
11 </optgroup>
12</select>