Beispielcode für HTML-Listenfeld, Textfeld und Dateifeld

<form method="get" action="ergebnis.html">
<!--input: Bezeichnung des Eingabefelds, Standard ist Text, Name des Textfelds: Geben Sie dem Eingabefeld einen Namen, der zum Senden von Daten verwendet wird. maxlength="8": In das Textfeld können bis zu 8 Zeichen eingegeben werden. size="30": Die Länge des Textfelds beträgt 30 Pixel.
-->
	<p>Benutzername: <input type="text" name="username" value="Textfeld-Anfangswert"
	maximale Länge = "8" Größe = "30"/></p>
<!-- Passwortfeld-Eingabetyp="Passwort", die in das Passwortfeld eingegebenen Zeichen werden als kleine Punkte angezeigt-->
	<p>Passwort: <input type="password" name="pwd"/></p>
<!--radio: Optionsfeldwert: Anfangswert, Optionsfeld muss mit Name ausgefüllt werden: Gruppe, sonst ist das Optionsfeld falsch, Eingabetag muss geschlossen werden-->
	<p>Geschlecht:
	<input type="radio" value="boy" name="sex"/>Männlich <input type="radio" value="girl" name="sex"/>Weiblich </p>
<!--checkbox: Wert des Multiple-Choice-Felds: der Wert, der der aktivierten Option entspricht: standardmäßig ausgewählt, im Eingabetag verwendet -->
	<p>Hobbys:
	<input type="checkbox" value="sleep" name="hobby"/>Schlafen <input type="checkbox" value="code" name="hobby"/>Code <input type="checkbox" value="chat" name="hobby"/>Chat <input type="checkbox" value="game" name="hobby" checked/>Spiel </p>
<!--button: normaler Button type="image": Bild-Button, ersetze den Button-Stil durch ein Bild submit: Submit-Button, sende den Wert von value an den Wert, der dem Namen reset entspricht reset-Button, setze alle Eingabefelder zurück value: der Wert von value ist der Name des Buttons -->
	<p>Schaltfläche:
	<input type="button" name="btn1" value="Klicken zum Verlängern"/>
	<Eingabetyp="Bild" src="1.jpg"/>
	</p>
<!--select: Dropdown-Box-Beschriftungsoption: Dropdown-Optionsbezeichnung ausgewählt: standardmäßig ausgewählt, in der Dropdown-Box-Beschriftung verwendet -->
	<p>Land:
	<Name auswählen="Land">
	<option value="cn" ausgewählt>China</option>
	<option value="usa">Vereinigte Staaten</option>
	<option value="uk">Vereinigtes Königreich</option>
	<option value="jp">Japan</option>
	</Auswählen>
	</p>
<!--textarea: Textbereich cols: die Anzahl der Spalten im Textbereich rows: die Anzahl der Zeilen im Textbereich -->
	<p>Feedback:
	<textarea name="textarea" cols="50" rows="10">Textinhalt</textarea>
	</p>
<!--type="file": Dateidomäne Hinweis 1: Die Dateidomäne wird zum Auswählen von Dateien verwendet, außerdem ist eine Schaltfläche zum Hochladen erforderlich. Hinweis 2: Hier gibt es zwei Namen. Beim Hochladen von Dateien werden die Dateien an die Dateien gesendet, die der Dateidomäne entsprechen
		Es ist nicht die Schaltfläche zum Hochladen.
		Das heißt, nach der Auswahl der Datei ist „value“ die hochgeladene Datei und nach dem Hochladen ist „files“ die hochgeladene Datei -->
	<p>Dateidomäne:
	<input type="file" name="files">
	<input type="button" value="Hochladen" name="upload">
	</p>
	
	<p>
	<input type="submit" value="Senden"/>
	<input type="reset" value="Zurücksetzen"/>
	</p>
</form>