weiter: img/pfeil_re.gif img/doku.gif   Hinweise , e-mail
zurück: img/pfeil_li.gif img/doku.gif   Frames
img/pfeil_do.gif Beispiel
img/pfeil_do.gif

Formulare

Formulare

Manchmal ist es erforderlich, dass ein Anwender, der mit dem Browser arbeitet, Eingaben macht, z.B. Antworten gibt, Benutzernummern eingibt etc. Dies wird mit bei HTM einem sogenannten Formular gemacht. Um ein Formular zu erstellen, werden verschiedene HTML-Tags verwendet :
  • Definition des Forumlars selber

  •   <form action=actiontyp>
      .........
      ...... verschiedene Tags, die sich auf des Formular beziehen
      .........
      </form>
  • einzeiliges Eingabefeld

  •   Feldtitel : <input type=text name=referenzname size=wert maxlength=wert />
  • einzeiliges Eingabefeld mit vorgegebenem Text

  •   Feldtitel : <input type=text name=referenzname size=wert maxlength=wert value=text />
  • Eingabefeld für Passwort

  •   Feldtitel : <input type=password name=referenzname size=wert maxlength=wert />
  • Mehrzeilige Eingabefeld

  •   <textarea name=referenzname rows=zahl cols=zahl>
      </textarea>
  • Mehrzeilige Eingabefeld mit vorgegebenem Text

  •   <textarea name=referenzname rows=zahl cols=zahl>
     preentered text
     second line of preentered text
     etc.
      </textarea>
  • Auswahlliste, nur eine Auswahl erlaubt

  •   <select name=referenzname >
      <option value=referenzwert  />anzeige
      <option value=referenzwert2  />anzeige2
      <option value=referenzwert3  />anzeige3
      </select>
  • Auswahlliste, nur eine Auswahl erlaubt, vorselektiert

  •   <select name=referenzname >
      <option value=referenzwert  />anzeige
      <option selected value=referenzwert2  />anzeige2
      <option value=referenzwert3  />anzeige3
      </select>
  • Auswahlliste, mehrere Selektionen erlaubt

  •   <select multiple name=referenzname >
      <option value=referenzwert  />anzeige
      <option value=referenzwert2  />anzeige2
      <option value=referenzwert3  />anzeige3
      </select>
  • Radioknopf , nur eine Auswahl möglich

  •   <input type=radio name=referenzname value=select1  />
      <input type=radio name=referenzname value=select2  />
      <input type=radio name=referenzname value=select3  />
      <input type=radio name=referenzname value=select4  />
  • Checkbox Knopf, mehrere Selectionen möglich

  •   <input type=checkbox name=referenzname value=select1  />
      <input type=checkbox name=referenzname value=select2  />
      <input type=checkbox name=referenzname value=select3  />
      <input type=checkbox name=referenzname value=select4  />
  • Absendeknopf

  •   <input type=submit value=textaufknopf />
  • Bild als Absendeknopf

  •   <input type=image src=namedesbilds />
  • Rücksetzknopf

  •   <input type=reset value=textaufknopf />




img/pfeil_up.gif img/pfeil_do.gif

Beispiel für Formulare

Alle TAGs werden hier verwendet ----> img/xview.gif   So siehts aus


img/xtest.gif   Ausprobiern
 

img/pfeil_up.gif
img/pfeil_up.gif Beispiel
weiter: img/pfeil_re.gif img/doku.gif   Hinweise, e-mail
zurück: img/pfeil_li.gif img/doku.gif   Frames