select tag presents a drop-down list with choices indicated by the option tags : select « Form « HTML / CSS






select tag presents a drop-down list with choices indicated by the option tags

  

<?xml version = "1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
   <body>
      <form method = "post" action = "/cgi-bin/formmail">
         <p>
            <label>Rate our site: 

               <select name = "rating">
                  <option selected = "selected">Amazing</option>
                  <option>10</option>
                  <option>9</option>
                  <option>8</option>
                  <option>7</option>
                  <option>6</option>
                  <option>5</option>
                  <option>4</option>
                  <option>3</option>
                  <option>2</option>
                  <option>1</option>
                  <option>Awful</option>
               </select>

            </label>
         </p>

         <p>
            <input type = "submit" value = 
               "Submit Your Entries" />
            <input type = "reset" value = "Clear Your Entries" />
         </p>   

      </form>

   </body>
</html>

   
  








Related examples in the same category

1.select tag
2.multiple select
3.Style for select option
4.Set form select font size
5.Set form select option font size
6.Set form select event option color and background color
7.option tag
8.Option groups
9.Select control Jump Menu
10.fieldset to wrap 'select' control
11.Drop down select boxes
12.Scolling select boxes
13.Select boxes with the multiple attribute
14.Select boxes with the optgroup element
15.Creating groups of options with a disabled option
16.input:focus, textarea:focus, select:focus
17.optgroup
18.Property selector for option
19.select font-size: 0.9em;
20.select element
21.A multiline select
22.Pulldown Example