Formulare in (X)HTML

  • Zur besseren Übersicht habe ich darauf verzichtet, die Formularelemente in Blockelemente zu fassen. Entwirfst du XHTML Dokumente musst du diesen Punkt beachten.
  • Hier werden nicht alle möglichen Formularelemente vorgestellt.
    http://de.selfhtml.org/html/formulare/index.htm


Formular Grundgerüst

<form action="" method="">
 hier folgen die Formularelemente
</form>

Alle zusammengehörenden Formularfelder werden innerhalb eines <form> </form> Tags angeordnet.
Somit kommt nicht jedes Element in sein eigenes <form> Tag.
Die Namen der Felder sind frei wählbar. Auf Leer- bzw. Sonderzeichen solltest du verzichten.

action Attribut

Als Wert des action Attributes gibst du die Seite an, die dein Formular auswerten soll.

action="meineAuswertung.php"


method Attribut

Für das method gibt es zwei Möglichkeiten. Entweder get oder post

Formularfelder

Textfeld

Name:

<form action="" method="">
		Name: <input name="vorname" type="text" size="30" maxlength="30" value="" />
</form>



Passwort

Passwort:

<form action="" method="">
		Passwort: <input name="passwort" type="password" size="30" maxlength="30" />
</form>



Radio Button

Wie alt sind Sie?

10-12
12-14
14-18

<form action="" method="">
    Wie alt sind Sie?
  	<div>
    	<input type="radio" name="Alter" value="10-12" checked="checked" /> 10-12<br />
    	<input type="radio" name="Alter" value="12-14" /> 12-14<br />
    	<input type="radio" name="Alter" value="14-18" /> 14-18
  	</div>
</form>



Checkbox

Was essen Sie gerne?

Brot
Kuchen
Eier

<form action="" method="">
 Was essen Sie gerne?
  	<div>
    	<input type="checkbox" name="Essen1" value="Brot" checked="checked" /> Brot<br />
    	<input type="checkbox" name="Essen2" value="Kuchen" />Kuchen<br />
    	<input type="checkbox" name="Essen3" value="Eier" />Eier<br />
  	</div>
 </form>



Verstecktes Feld

Verstecktes Feld:

<form action="" method="">
Verstecktes Feld: <input name="unsichtbar" type="hidden" value="mich_sieht_man_nicht" />
</form>



Schaltflächen

 <form action="" method="">
	<input type="submit" value=" Absenden " />
        <input type="reset" value=" Abbrechen" />
 </form>




Startseite > Programmieren > (X)HTML > Formulare

programmieren/xhtml/formulare.txt · Zuletzt geändert: 10.11.2014 16:43 (Externe Bearbeitung)
CC Attribution-Noncommercial-Share Alike 3.0 Unported
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0