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

HTML CSS TUTORIALS » Form Style » select »

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>