HTML / Der Input-Tag 1 2

von: Werner Zenk

Type Button:

<input type="button" value="Los">
 <input type="button" value="Los" disabled>

value = Bezeichnung des Buttons
disabled = Ohne Funktion

Type Button mit Bild:

 <button> <img src="los.gif"> </button>

Type Image (Submit-Button als Bild):

 <input type="image" src="los.gif">

src = Adresse des Bildes

Beispiel:

<input type="image" src="los.gif" onClick="alert('HALLO!')">

<input type="submit" src="los.gif">

Type Button zum Senden :

 <input type="submit" value="Senden">

Type Button zum Zurücksetzen:

Eingabe Löschen (Reset)

 <input type="reset">

Type Text:

 <input type="text">
 <input type="text" value="Hallo"> value = Textvorbelegung
 <input type="text" value="Hallo" size=25> size = Breite
 <input type="text" size=12 maxlength=5> maximale Zeicheneingabe (im Beispiel:5)
 <input type="text" value="Hallo" readonly> readonly = nicht änderbar
 <input type="text" value="Hallo euro" disabled> disabled =  ausgegraut

value = Textvorbelegung
size = Breite
maxlength = maximale Zeicheneingabe
readonly = nicht änderbar
disabled = ausgegraut (u. nicht änderbar)

Nächste Seite

Das könnte Sie interessieren:

Einführung in HTML

Schriftarten

Helle Farben - Farben sind eines der wichtigsten Gestaltungsmittel auf einer Webseite.

Quelltext mit Format - Es gibt gute Gründe einen Quelltext zu formatieren

Farbfamilie

Aufzählungslisten (und Nummerierte Listen) mit HTML und CSS formatieren

Automatische Texteingabe - Automatische Texteingabe (autocomplete) in Formularfeldern verhindern oder erlauben.

Checkboxen selektieren …mehr