select html

Code Example 1

<label for="cars">Choose a car:</label>
<select name="cars" id="cars">
      <option value="volvo">Volvo</option> 
      <option value="saab">Saab</option>      
      <option value="mercedes">Mercedes</option>       
      <option value="audi">Audi</option>
</select>

Code Example 2

<label for="cars">Choose a car:</label>

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

Code Example 3

<select class="form-control">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
</select>

Code Example 4

<!-- C'est la deuxième valeur -->
<!-- qui sera initialement sélectionnée -->
<select id="monselect">
  <option value="valeur1">Valeur 1</option> 
  <option value="valeur2" selected>Valeur 2</option>
  <option value="valeur3">Valeur 3</option>
</select>

Code Example 5

<label for="cars">Choose a car:</label>

<select id="cars">

  
 <option value="volvo">Volvo</option>

  
 <option value="saab">Saab</option>

  
 <option value="vw">VW</option>

  
 <option value="audi" selected>Audi</option>

 </select>

Code Example 6

<label for="cars">Choose a car:</label>

<select 
    name="cars" id="cars">

       
      <option value="volvo">Volvo</option>

       
      <option value="saab">Saab</option>

       
      <option value="mercedes">Mercedes</option>

       
      <option value="audi">Audi</option>

      </select>