Editing HTMLForms (section)

===Eingabefelder===
 '''<input type='''('''"Text" '''|''' "password" '''| '''"Submit" '''| '''"hidden" '''| '''"Checkbox" '''|''' "radio"''' | '''"file" '''|''' "reset" '''|''' "button" '''|''' "image"''') ['''name='''<Name>] ['''value='''<Value>] ['''size='''<Number>] ['''title="'''<TooltipText>'''"''']  ['''onClick="'''<nowiki><Code></nowiki>'''"'''] ['''maxlength='''<Number>] ['''align='''('''"Middle"'''|  )] ['''checked'''] ['''readonly'''] ['''tabindex='''<Number>] ['''accept="'''<MimeType>'''"'''] ['''disabled''']'''>'''
'''input''' definiert ein einzeiliges Eingabefeld. Der Vollständigkeit halber können Sie die Angabe '''type=text''' dazusetzen. '''size''' gibt die Anzeigelänge an. '''maxlength''' gibt die maximale Anzahl von eingebaren Zeichen an. '''value''' gibt bei Eingabefeldern die Vorbelegung an.

Mit '''type=submit''' definieren Sie einen Absende-Button. Beim Anklicken dieses Buttons werden die Formulardaten abgeschickt.  Der '''value''' Eintrag entspricht dem Buttontext. Der '''name''' Eintrag wird als Name im Querystring verwendet.

Mit '''type=reset''' definieren Sie einen Abbrechen-Button. Eingegebene Daten werden verworfen und nicht abgeschickt. 

Mit '''type=hidden''' kann man versteckte Informationen übergeben. Dies ist am besten im Zusammenspiel mit der POST-Methode.

Mit '''type=file''' können Dateien geladen werden. '''maxlength''' sollte dabei als maximale Dateilänge interpretiert werden. '''accept''' kann den MIME-Type vorauswählen, scheint aber den IE4 nicht zu interessieren.

Mit '''type=checkbox'''  wird eine Checkbox realisiert. Sie muß immer einen Namen besitzen. Falls eine Checkbox angekreuzt ist wird der QueryString '''name='''<Value> übertragen. Fehlt der value-Eintrag wird als Wert '''on''' übergeben. Eine Checkbox wird durch '''checked''' vorselektiert. Es spricht nichts dagegen mehrere Checkboxen mit dem gleichen Namen zu verwenden.
 
Mit '''type=button''' wird ein Button definiert (s. auch [[HTMLForms#Buttons|button Element]]). '''onClick''' funktioniert hier auf jeden Fall. '''value''' ist in diesem Fall der Button-Text. Um beispielsweise auf ein andere URL zu gehen wird folgende Event-Handler hinterlegt: onClick="self.location.href='/uweheuer/knowledgebase/DisplayTerms.jsp’”.

Mit '''type=image''' wird eine serverseitige Imagemap erzeugt. Dieses Element zeigt ein Bild, das beim Anklicken das Formular an das Servlet oder das andere serverseitige Programm, das in der Action Sektion des umgebenen Formulars spezifiert wurde, übermittelt.

Mit '''type=radio''' wird ein Radio-Button definiert. Radio-Buttons mit dem gleichen Namen werden als Gruppe aufgefasst.
Durch Angabe von '''tabindex=''' kann innerhalb einer Form die Tabulatorreihenfolge festgelegt werden. Startindex ist 1.
Der '''title''' realisiert Tooltips. Im Gegensatz zu '''disabled''' kann man bei '''readonly''' noch den Text selektieren.

 '''<textarea '''['''name='''<Name>] ['''cols='''<Number>] '''rows='''<Number>''' [readonly="yes"]> '''<Vorbelegung>''' </textarea>''' 
Eine Textarea stellt ein mehrzeiliges Eingabefeld dar. '''cols''' gibt die Anzahl der Zeichen pro Zeile an.
Um den Fokus zu setzen muss man JavaScript verwenden.