Advertisement
Tony-S

search formular

Mar 21st, 2012
73
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.83 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="de">
  3.   <head>       
  4.     <title>Suchformular</title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.  
  7.     <link rel="stylesheet" type="text/css" href="style.css" />
  8.   </head>
  9.  
  10.   <body>
  11.     <form>
  12.       <div id="search-box">
  13.      
  14.         <div class="wrap-edt">
  15.           <p class="edt-head">Leitungs-Nr</p>
  16.           <input name="leitungs-nr" type="text" size="3" maxlength="3" />
  17.          
  18.           <select name="compare">
  19.             <option value=""></option>
  20.             <option value="<">&lt;</option>
  21.             <option value="<>">&lt;&gt;</option>
  22.             <option value=">">&gt;</option>
  23.           </select>
  24.          
  25.         </div>
  26.        
  27.         <div class="wrap-edt">
  28.           <p class="edt-head">Kabelart</p>
  29.           <input name="kabelart" type="text" size="1" maxlength="1" />
  30.          
  31.           <select name="compare">
  32.             <option value=""></option>
  33.             <option value="<">&lt;</option>
  34.             <option value="<>">&lt;&gt;</option>
  35.             <option value=">">&gt;</option>
  36.           </select>
  37.          
  38.         </div>
  39.        
  40.         <div class="wrap-edt">
  41.           <p class="edt-head">Standort</p>
  42.           <input name="start-standort" type="text" size="2" maxlength="2" />
  43.          
  44.           <select name="compare">
  45.             <option value=""></option>
  46.             <option value="<">&lt;</option>
  47.             <option value="<>">&lt;&gt;</option>
  48.             <option value=">">&gt;</option>
  49.           </select>
  50.          
  51.         </div>
  52.        
  53.         <div class="wrap-edt">
  54.           <p class="edt-head">Datenschrank</p>
  55.           <input name="start-datenschrank" type="text" size="2" maxlength="2" />
  56.          
  57.           <select name="compare">
  58.             <option value=""></option>
  59.             <option value="<">&lt;</option>
  60.             <option value="<>">&lt;&gt;</option>
  61.             <option value=">">&gt;</option>
  62.           </select>
  63.          
  64.         </div>
  65.        
  66.         <div class="wrap-edt">
  67.           <p class="edt-head">Standort</p>
  68.           <input name="ziel-standort" type="text" size="2" maxlength="2" />
  69.          
  70.           <select name="compare">
  71.             <option value=""></option>
  72.             <option value="<">&lt;</option>
  73.             <option value="<>">&lt;&gt;</option>
  74.             <option value=">">&gt;</option>
  75.           </select>
  76.          
  77.         </div>
  78.        
  79.         <div class="wrap-edt">
  80.           <p class="edt-head">Datenschrank</p>
  81.           <input name="ziel-datenschrank" type="text" size="2" maxlength="2" />
  82.          
  83.           <select name="compare">
  84.             <option value=""></option>
  85.             <option value="<">&lt;</option>
  86.             <option value="<>">&lt;&gt;</option>
  87.             <option value=">">&gt;</option>
  88.           </select>
  89.          
  90.         </div>
  91.        
  92.         <div class="wrap-edt">
  93.           <p class="edt-head">Gerät</p>
  94.           <input name="geraet" type="text" size="2" maxlength="2" />
  95.          
  96.           <select name="compare">
  97.             <option value=""></option>
  98.             <option value="<">&lt;</option>
  99.             <option value="<>">&lt;&gt;</option>
  100.             <option value=">">&gt;</option>
  101.           </select>
  102.          
  103.         </div>
  104.        
  105.         <div class="wrap-edt">
  106.           <p class="edt-head">Port</p>
  107.           <input name="port" type="text" size="2" maxlength="2" />
  108.          
  109.           <select name="compare">
  110.             <option value=""></option>
  111.             <option value="<">&lt;</option>
  112.             <option value="<>">&lt;&gt;</option>
  113.             <option value=">">&gt;</option>
  114.           </select>
  115.          
  116.           <input type="button" name="Text 1" value="Suchen" />
  117.          
  118.         </div>
  119.        
  120.       </div>
  121.     </form>
  122.   </body>
  123.  
  124. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement