Post
Ask Question

Select Element Control

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3.    <head>  
  4.       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5.       <title>Documento sin título</title>  
  6.       <style type="text/css">  
  7.          /* 
  8.           style css to the body and div #browser 
  9.          */  
  10.           body  
  11.          {  
  12.             margin-top:0px;  
  13.             margin-bottom:0px;  
  14.             margin-left:0px;  
  15.             margin-right:0px;  
  16.             background:#FFFBF0;  
  17.          }  
  18.   
  19.           #browser  
  20.          {  
  21.             top:0px;  
  22.             left:auto;  
  23.             height:15%;  
  24.             width:100%;  
  25.             position:absolute;  
  26.             background:#2A1FAA;  
  27.          }  
  28.   
  29.          #down  
  30.          {  
  31.             top:25%;  
  32.             left:20%;  
  33.             position:absolute;  
  34.             font-family:Verdana, Geneva, sans-serif;  
  35.             font-size:20px;  
  36.             color:#FFFBF0;  
  37.          }   
  38.    
  39.       </style>     
  40.    
  41.    </head>  
  42.    
  43. <body>  
  44.  <!--The div tag for a section in a document-->  
  45.    <div id="browser">  
  46.       <!--A div tag inside other div, attribute "hidden" is tag for like a name elements, "selected" it is first element  -->  
  47.    <div id="down">  
  48. Downloads <select name="down">  
  49.    <option value="windows7">Windows 7</option>  
  50.    <option value="windows8">Windows 8</option>  
  51.    <option selected="selected" hidden="windows" value="windows">Windows</option>  
  52.    </select>  
  53.   
  54.    </div>  
  55.   
  56.    </div>  
  57.    </body>  
  58. </html>