Liste möglicher Form-Elemente

Eingabefelder

Einfaches Eingabefeld

Markup:
   <input type="text" name="eingabefeld" size="9" maxlength="11"/>

   

Ein Eingabefeld für Paßwörter

Markup:
   <input type="password" name="passwort" size="15" maxlength="15"/>

   

TextArea

Markup:
   <textarea name="textfeld" cols="60" rows="9">Hallo!</textarea>

"Buttons": Knöpfe

Radio Buttons

Nur einer der Knöpfe kann gewählt werden:

Markup:
   <p>
   Your favorite computer operating system:<br/>
   <input type="radio" name="fav_os" value="macos"/>MacOS<br/>
   <input type="radio" name="fav_os" value="dos" checked="checked"/>DOS<br/>
   <input type="radio" name="fav_os" value="win31"/>Windows 3.1<br/>
   <input type="radio" name="fav_os" value="win95"/>Windows95<br/>
   <input type="radio" name="fav_os" value="os2"/>OS/2<br/>
   <input type="radio" name="fav_os" value="unix"/>UNIX<br/>
   </p>

Checkboxes

Markup:
   <p>
   What operating systems have you used?<br/>
   <input type="checkbox" name="os_used[]" value="macos"/>MacOS<br/>
   <input type="checkbox" name="os_used[]" value="dos"/>DOS<br/>
   <input type="checkbox" name="os_used[]" value="win31" checked="checked"/>Windows 3.1<br/>
   <input type="checkbox" name="os_used[]" value="win95"/>Windows95<br/>
   <input type="checkbox" name="os_used[]" value="os2"/>OS/2<br/>
   <input type="checkbox" name="os_used[]" value="unix"/>UNIX<br/>
   </p>

Auswahlboxen

Einfache Auswahlbox

Markup:
   <p>
   How are you reaching this page?<br>
   <select name="access">
   <option value="0">No response</option>
   <option value="1">Compuserve</option>
   <option value="2">America On-Line</option>
   <option value="3">Local ISP</option>
   <option value="4">National ISP</option>
   <option selected="selected" value="5">Straight Internet connection</option>
   <option value="6">Beats me, my kids set up this thingamajig</option>
   <option value="7">None o' yer beeswax</option>
   <option value="8">Other</option>
   </select>
   </p>

Scrollbare Auswahlbox

Markup:
  <select name="Selectbox" size="10">
  <option>Alabama</option>
  <option>Alaska</option>
  <option>Arizona</option>
  <option>Arkansas</option>
  <option>California</option>
  <option>Colorado</option>
  <option>Connecticut</option>
  <option>Delaware</option>
  <option>Florida</option>
  <option>Georgia</option>
  <option>Hawaii</option>
  <option>Idaho</option>
  <option>Illinois</option>
  <option>Indiana</option>
  <option>Iowa</option>
  <option>Kansas</option>
  </select>

Scrollbare Auswahlbox mit mehreren Auswahlmöglichkeiten

Markup:
   <select multiple="multiple" name="MultiSelectbox[]" size="10">
   <option>Alabama</option>
   <option>Alaska</option>
   <option>Arizona</option>
   <option>Arkansas</option>
   <option>California</option>
   <option>Colorado</option>
   <option>Connecticut</option>
   <option>Delaware</option>
   <option>Florida</option>
   <option>Georgia</option>
   <option>Hawaii</option>
   <option>Idaho</option>
   <option>Illinois</option>
   <option>Indiana</option>
   <option>Iowa</option>
   <option>Kansas</option>
   </select>

Abschicken der Anfrage

Markup:
   <input type="submit" value="Eingaben abschicken">
   <input type="reset" value="Eingaben löschen">