Formulare erstellen in HTML5: Interaktive Übungen für Fachinformatikerinnen

Question 1

Welches HTML-Element wird verwendet, um ein Kontrollkästchen zu erstellen?

Accepted Answer

Answer

Answer

Answer

Question 2

Wie funktioniert das HTML5-Attribut "pattern" bei der Überprüfung von Formulareingaben?

Accepted Answer

Es vergleicht Eingaben mit einem regulären Ausdruck.

Answer

Es legt einen Standardwert für leere Eingabefelder fest.

Answer

Es speichert Eingaben in einem Cookie.

Answer

Es validiert Eingaben auf dem Server.

Question 3

Welchen Zweck erfüllt das Attribut "action" bei der Übermittlung von Formulardaten?

Accepted Answer

Es gibt die Adresse an, an die die Formulardaten gesendet werden.

Answer

Es definiert den Namen des Formulars.

Answer

Es legt die Methode fest, mit der die Daten gesendet werden.

Answer

Es ist nicht erforderlich, da die Daten automatisch an die aktuelle Seite gesendet werden.

Question 4

Welches HTML5-Element wird verwendet, um Eingabefelder zu erstellen?

Accepted Answer

&#60;input&#62;

Answer

&#60;form&#62;

Answer

&#60;label&#62;

Answer

&#60;fieldset&#62;

Question 5

Welche Art von Eingabefeld wird verwendet, um Text einzugeben?

Accepted Answer

text

Answer

password

Answer

checkbox

Answer

radio

Question 6

Was ist der Unterschied zwischen einem Auswahlmenü und einer Auswahlliste?

Accepted Answer

Ein Auswahlmenü erlaubt Mehrfachauswahl, während eine Auswahlliste nur eine Auswahl zulässt.

Answer

Eine Auswahlliste erlaubt Mehrfachauswahl, während ein Auswahlmenü nur eine Auswahl zulässt.

Answer

Es gibt keinen Unterschied zwischen einem Auswahlmenü und einer Auswahlliste.

Answer

Ein Auswahlmenü ist ein Element von einer Auswahlliste.

Question 7

Welches HTML5-Attribut wird verwendet, um die Beschriftung eines Kontrollkästchens anzugeben?

Accepted Answer

&#60;label&#62;

Answer

&#60;caption&#62;

Answer

&#60;name&#62;

Answer

&#60;value&#62;

Question 8

Welche Art von Schaltfläche wird verwendet, um ein Formular abzusenden?

Accepted Answer

&#60;submit&#62;

Answer

&#60;reset&#62;

Answer

&#60;button&#62;

Answer

&#60;cancel&#62;

Question 9

Was ist das syntaktische Format, um einen Name für ein Eingabefeld zu definieren?

Accepted Answer

name="mein_name"

Answer

name:=mein_name

Answer

id=mein_name

Answer

id:mein_name

Question 10

Welche Methode wird verwendet, um die Daten eines Formulars an den Server zu senden?

Accepted Answer

&#60;form&#62;.submit()

Answer

&#60;form&#62;.post()

Answer

&#60;form&#62;.get()

Answer

&#60;form&#62;.request()

Question 11

Welches HTML5-Attribut wird verwendet, um eine Standardeingabe für ein Eingabefeld anzugeben?

Accepted Answer

&#60;value&#62;

Answer

&#60;default&#62;

Answer

&#60;initial&#62;

Answer

&#60;placeholder&#62;

Question 12

Welches HTML-Element wird verwendet, um ein Eingabefeld zu erstellen?

Accepted Answer

input

Answer

select

Answer

label

Answer

button

Question 13

Mit welchem Attribut kann man den Platzhaltertext für ein Eingabefeld festlegen?

Accepted Answer

placeholder

Answer

value

Answer

type

Answer

name

Question 14

Welches Attribut wird verwendet, um die maximale Anzahl von Zeichen in einem Textfeld zu begrenzen?

Accepted Answer

maxlength

Answer

min

Answer

max

Answer

required

Question 15

Mit welchem HTML-Element wird eine Dropdown-Liste erstellt?

Accepted Answer

select

Answer

input

Answer

option

Answer

datalist

Question 16

Mit welchem HTML-Element wird ein Kontrollkästchen erstellt?

Accepted Answer

checkbox

Answer

radio

Answer

button

Answer

select

Question 17

Wie wird die Schaltfläche zum Absenden eines Formulars in HTML bezeichnet?

Accepted Answer

submit

Answer

reset

Answer

type

Answer

button

Question 18

Welches Attribut kann einem <button>-Element hinzugefügt werden, um einen Tooltip anzuzeigen?

Accepted Answer

title

Answer

alt

Answer

caption

Answer

label

Question 19

Mit welchem HTML-Element kann ein Formular zurückgesetzt werden?

Accepted Answer

reset

Answer

clear

Answer

delete

Answer

cancel

Question 20

Wie kann man einem Formular mehrere Aktionen zuweisen?

Accepted Answer

Mit dem Attribut 'onsubmit'

Answer

Mit dem Attribut 'action'

Answer

Mit mehreren <form>-Elementen

Answer

Mit CSS-Selektoren

Question 21

Erläutern Sie, wie Formulare zur Erfassung von Daten verwendet werden können, die in einer hierarchischen Struktur organisiert sind, wie z. B. Aufgabenlisten oder Produktkataloge mit verschachtelten Kategorien.

Accepted Answer

Mit <label>-Tags verschachtelte Formularelemente erstellen

Answer

CSS-Flexbox zur Positionierung von Formularelementen verwenden

Answer

Verwendung von JavaScript-Bibliotheken für erweiterte Formularfunktionen

Question 22

Welches HTML-Tag wird verwendet, um ein einzeiliges Texteingabefeld zu erstellen?

Accepted Answer

Answer

Answer

Answer

Question 23

Wie wird ein Dropdown-Menü (Auswahlliste) in HTML5 erstellt?

Accepted Answer

Answer

<menu>

Answer

Answer

<list>

Question 24

Welches Attribut wird verwendet, um ein Kontrollkästchen zu erstellen?

Accepted Answer

type="checkbox"

Answer

type="radio"

Answer

type="button"

Answer

type="submit"

Question 25

Welcher Button-Typ in einem Formular löst die Übermittlung des Formulars an den Server aus?

Accepted Answer

Submit

Answer

Link

Answer

Reset

Answer

Button

Question 26

Wie wird ein Platzhaltertext für ein Eingabefeld definiert?

Accepted Answer

placeholder="Text"

Answer

title="Text"

Answer

hint="Text"

Answer

tooltip="Text"

Question 27

Welches Attribut wird verwendet, um die maximale Länge einer Texteingabe zu begrenzen?

Accepted Answer

maxlength

Answer

length

Answer

minlength

Answer

max

Question 28

Wie wird ein Formular an eine andere Seite übermittelt?

Accepted Answer

action="URL"

Answer

target="URL"

Answer

path="URL"

Answer

href="URL"

Question 29

Welches Attribut wird verwendet, um eine Eingabe zu validieren, die eine E-Mail-Adresse sein muss?

Accepted Answer

type="email"

Answer

type="url"

Answer

type="text"

Answer

type="number"

Question 30

Wie kann ein Formular ohne Verwendung eines <form>-Tags erstellt werden?

Accepted Answer

document.createElement('form')

Answer

document.getElementById('form')

Answer

document.querySelector('form')

Answer

document.getElementsByTagName('form')

Question 31

Welches HTML-Element wird für Textfelder in Formularen verwendet?

Accepted Answer

Answer

Answer

Answer

Question 32

Welches Attribut macht ein Eingabefeld obligatorisch?

Accepted Answer

required

Answer

important

Answer

mandatory

Answer

essential

Question 33

Welches HTML-Element ermöglicht die Auswahl aus einer Liste von Optionen?

Accepted Answer

Answer

Answer

Answer

Question 34

Wie erstellst du ein Kontrollkästchen in einem Formular?

Accepted Answer

Answer

Answer

Answer

Question 35

Welches Attribut setzt einen Standardwert für ein Formularfeld?

Accepted Answer

value

Answer

initial

Answer

default

Question 36

Wie erstellst du eine Schaltfläche, die Daten an den Server sendet?

Accepted Answer

Answer

Answer

Answer

Question 37

Was ist der Zweck des Attributs "name" in einem Formularfeld?

Accepted Answer

Das Eingabefeld wird beim Senden von Formulardaten an den Server identifiziert.

Answer

Dem Eingabefeld wird ein Titel zugewiesen.

Answer

Die Größe des Eingabefelds wird definiert.

Question 38

Welches Eingabefeld eignet sich am besten für die Eingabe von Passwörtern?

Accepted Answer

Answer

Answer

Answer

Question 39

Was ist das "placeholder"-Attribut in einem Eingabefeld?

Accepted Answer

Es zeigt einen Hinweistext im Eingabefeld an, bevor der Benutzer etwas eingibt.

Answer

Es legt die maximale Anzahl von Zeichen fest, die in das Feld eingegeben werden können.

Answer

Es definiert die Farbe des Textes im Eingabefeld.

Question 40

Wie zeigst du eine Liste von Vorschlägen in einem Textfeld an?

Accepted Answer

Answer

Answer

Question 41

Welches HTML5-Element wird verwendet, um ein Textfeld für die Eingabe von Benutzerdaten zu erstellen?

Accepted Answer

Answer

Answer

Answer

Question 42

Welche Eigenschaft wird verwendet, um einem Eingabefeld einen Standardwert zuzuweisen?

Accepted Answer

value

Answer

initial

Answer

placeholder

Answer

default

Question 43

Welches HTML5-Element wird verwendet, um eine Auswahl aus einer Liste von Optionen zu ermöglichen?

Accepted Answer

Answer

Answer

Answer

Question 44

Welche Eigenschaft wird verwendet, um eine Option in einer Auswahlliste als Standardoption auszuwählen?

Accepted Answer

selected

Answer

active

Answer

checked

Answer

default

Question 45

Welches HTML5-Element wird verwendet, um ein Kontrollkästchen zu erstellen?

Accepted Answer

Answer

Answer

Answer

Question 46

Wie werden mehrere Kontrollkästchen mit dem gleichen Namen in einem Formular gruppiert?

Accepted Answer

Sie haben den gleichen Namen, aber unterschiedliche Werte.

Answer

Sie müssen in einem separaten <form>-Element sein.

Answer

Sie haben unterschiedliche Namen, aber den gleichen Wert.

Question 47

Welches HTML5-Element wird verwendet, um einen Button zu erstellen?

Accepted Answer

Answer

<a>

Answer

Answer

Question 48

Welche Eigenschaft wird verwendet, um den Text innerhalb eines Buttons festzulegen?

Accepted Answer

value

Answer

text

Answer

label

Answer

content

Question 49

Wie können Sie sicherstellen, dass ein Formularfeld obligatorisch ist?

Accepted Answer

Durch Hinzufügen des Attributs "required" zum Eingabefeld.

Answer

Durch Festlegen eines Standardwerts für das Feld.

Answer

Durch Hinzufügen des Attributs "mandatory" zum Formular.

Question 50

Was ist der Zweck des "type"-Attributs in einem <input>-Element?

Accepted Answer

Es definiert den Typ des Eingabefelds, wie Textfeld, Passwortfeld oder Kontrollkästchen.

Answer

Es definiert die Größe des Eingabefelds.

Answer

Es definiert den Standardwert des Eingabefelds.