# 1.10 Selbsttest zu HTML und HTML-Formularen

Dieser Selbsttest hilft Ihnen, Ihr Wissen über HTML und HTML-Formulare zu überprüfen. Versuchen Sie, die Fragen zu beantworten, bevor Sie sich die Lösungen anschauen.

Aufgabe 1

Welche Elemente gehören zum grundlegenden Aufbau eines HTML-Dokuments?

A) `<html>`, `<head>`, `<title>`, `<body>`

B) `<doctype>`, `<header>`, `<main>`, `<footer>`

C) `<html>`, `<header>`, `<paragraph>`, `<footer>`

Lösung zu Aufgabe 1

A) `<html>`, `<head>`, `<title>`, `<body>`

Aufgabe 2

Wie erstellt man einen Link, der in einem neuen Browser-Tab geöffnet wird?

A) `<a href="https://example.com" new="_blank">Besuche Beispiel</a>`

B) `<a href="https://example.com" target="_blank">Besuche Beispiel</a>`

C) `<a href="https://example.com" open="newTab">Besuche Beispiel</a>`

Lösung zu Aufgabe 2

B) `<a href="https://example.com" target="_blank">Besuche Beispiel</a>`

Aufgabe 3

Wie bindet man ein Bild in eine Webseite ein?

A) `<image src="bild.jpg" alt="Bildbeschreibung">`

B) `<img href="bild.jpg" alt="Bildbeschreibung">`

C) `<img src="bild.jpg" alt="Bildbeschreibung">`

Lösung zu Aufgabe 3

C) `<img src="bild.jpg" alt="Bildbeschreibung">`

Aufgabe 4

Welche Aussage trifft auf das `action`-Attribut eines `<form>`-Elements zu?

A) Es definiert den Typ des Buttons, der das Formular absendet.

B) Es legt fest, wie viele Zeichen ein Eingabefeld maximal akzeptiert.

C) Es bestimmt die URL, an die die Formulardaten gesendet werden.

Lösung zu Aufgabe 4

C) Es bestimmt die URL, an die die Formulardaten gesendet werden.

Aufgabe 5

Was bewirkt das Attribut `method="post"` in einem `<form>`-Element?

A) Es sendet Formulardaten als Teil der URL (Query-String).

B) Es überträgt die Formulardaten im Request Body, nicht in der URL.

C) Es spezifiziert die Schaltfläche, die das Formular zurücksetzt.

Lösung zu Aufgabe 5

B) Es überträgt die Formulardaten im Request Body, nicht in der URL.

Aufgabe 6

Was ist der Zweck des `placeholder`-Attributs in einem `<input>`-Element?

A) Es legt einen vorübergehenden Text fest, der im Eingabefeld angezeigt wird, bevor man etwas eingibt.

B) Es definiert den Standardwert des Eingabefeldes, der beim Absenden des Formulars übertragen wird.

C) Es gibt den Namen des Eingabefeldes an, der zur Identifikation auf dem Server verwendet wird.

Lösung zu Aufgabe 6

A) Es legt einen vorübergehenden Text fest, der im Eingabefeld angezeigt wird, bevor man etwas eingibt.

Aufgabe 7

Wie wird ein Eingabefeld gemäß HTML5-Standard als Pflichtfeld markiert?

A) Durch Hinzufügen des Attributs `mandatory="true"`.

B) Mit dem booleschen Attribut `required` (ohne Wert).

C) Durch Setzen des Attributs `necessary`.

Lösung zu Aufgabe 7

B) Mit dem booleschen Attribut `required` (ohne Wert).

Boolesche Attribute wie `required`, `disabled` oder `checked` werden in HTML5 ohne Wert angegeben – ihre bloße Anwesenheit im Tag ist ausreichend.

Aufgabe 8

Welche Funktion hat das `<label>`-Element in einem Formular?

A) Es dient als Container für Formularelemente.

B) Es ordnet einen Text einem spezifischen Formularelement zu und verbessert die Zugänglichkeit/Accessibility.

C) Es kennzeichnet ein Eingabefeld als Label.

Lösung zu Aufgabe 8

B) Es ordnet einen Text einem spezifischen Formularelement zu und verbessert die Zugänglichkeit/Accessibility.

Dies ist auch für die "blinde" KI wichtig, da nur mit dem Label-Tag eindeutig erkannt werden kann, welche Beschriftung zum Formularfeld gehört.

Aufgabe 9

Was bewirkt das Attribut `name` bei einem Formularelement?

A) Es legt den Namen fest, der zwischen den `<form>`-Tags angezeigt wird.

B) Es bestimmt den Variablennamen für die Datenübertragung per HTTP.

C) Es wird für die CSS-Stilisierung verwendet.

Lösung zu Aufgabe 9

B) Es bestimmt den Variablennamen für die Datenübertragung per HTTP.

Aufgabe 10

Was bewirkt ein Klick auf `<input type="submit">` in einem Formular?

A) Die Formulardaten werden an die in `action` spezifizierte URL gesendet.

B) Alle Eingabefelder werden auf ihren Ausgangswert zurückgesetzt.

C) Die Seite wird neu geladen, ohne Daten zu übertragen.

Lösung zu Aufgabe 10

A) Die Formulardaten werden an die in `action` spezifizierte URL gesendet.

Aufgabe 11

Wie können Sie in einem Formular eine Dropdown-Liste erstellen, um ein Land auszuwählen?

A) Durch Nutzung eines `<input type="dropdown">`-Elements.

B) Mit einem `<select>`-Element, das mehrere `<option>`-Elemente enthält.

C) Ein `<list>`-Element mit vordefinierten Ländernamen verwenden.

Lösung zu Aufgabe 11

B) Mit einem `<select>`-Element, das mehrere `<option>`-Elemente enthält.

Aufgabe 12

Wie erzeugt man in HTML einen anklickbaren Button mit der Beschriftung „Absenden"?

A) `<input name="Absenden">`

B) `<button type="submit">Absenden</button>`

C) `<click>Absenden</click>`

Lösung zu Aufgabe 12

B) `<button type="submit">Absenden</button>`