Summary  
This chapter explains how to apply HTML input attributes—such as placeholder, name, value, required, disabled, readonly, min, and max—to control field behavior and enforce validation rules on user inputs.

General domain of usage  
Web forms

Sie kennen bereits die Verwendung von Eingabefeldern und Beschriftungen. Nun betrachten wir die nützlichsten Attribute, die Eingabefelder funktionaler und benutzerfreundlicher machen.

#### Platzhalter 
Zeigt einen Hinweistext im Feld an.
```html
<input type="text" placeholder="Enter your email" />
```

#### Name
Identifiziert das Feld beim Absenden des Formulars.
```html
<input type="text" name="username" />
```

#### Value
Legt einen Standardwert im Feld fest.
```html
<input type="tel" value="+1 (484) 298-9732" />
```

#### Required
Verhindert das Absenden des Formulars, wenn das Feld leer ist.
```hml
<input type="password" required />
```

#### Deaktiviert
Macht das Feld nicht bearbeitbar und nicht interaktiv.
```html
<input type="text" value="New York" disabled />
```


#### Nur-Lesen
Zeigt einen Wert an, den Benutzer kopieren, aber nicht ändern können.
```html
<input type="text" value="USA" readonly />
```

#### Min und Max
Grenzwerte für numerische Eingaben festlegen.
```html
<input type="number" min="21" max="99" />
```


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF0dHJpYnV0ZXMgZm9yIElucHV0IEVsZW1lbnRzPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxmb3JtIG9uc3VibWl0PSJyZXR1cm4gZmFsc2UiPgogICAgICA8bGFiZWwgZm9yPSJtYWlsIj5FbWFpbDo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0iZW1haWwiIGlkPSJtYWlsIiBuYW1lPSJtYWlsIiBwbGFjZWhvbGRlcj0iRW50ZXIgeW91ciBlbWFpbCIgcmVxdWlyZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0idXNlcm5hbWUiPlVzZXJuYW1lOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBpZD0idXNlcm5hbWUiIG5hbWU9InVzZXJuYW1lIj48YnI+CiAgICAgIAogICAgICA8bGFiZWwgZm9yPSJwaG9uZS1udW1iZXIiPlBob25lIG51bWJlcjo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGVsIiBpZD0icGhvbmUtbnVtYmVyIiBuYW1lPSJwaG9uZS1udW1iZXIiIHZhbHVlPSIrMSAoNDg0KSAyOTgtOTczMiI+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0icGFzc3dvcmQiPlBhc3N3b3JkOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJwYXNzd29yZCIgaWQ9InBhc3N3b3JkIiBuYW1lPSJwYXNzd29yZCIgcmVxdWlyZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0iY2l0eSI+Q2l0eTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNpdHkiIG5hbWU9ImNpdHkiIHZhbHVlPSJOZXcgWW9yayIgZGlzYWJsZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0iY291bnRyeSI+Q291bnRyeTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNvdW50cnkiIG5hbWU9ImNvdW50cnkiIHZhbHVlPSJVU0EiIHJlYWRvbmx5Pjxicj4KICAgICAgCiAgICAgIDxsYWJlbCBmb3I9ImFnZSI+QWdlOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJudW1iZXIiIGlkPSJhZ2UiIG5hbWU9ImFnZSIgbWluPSIyMSIgbWF4PSI5OSI+PGJyPgogICAgICAKICAgICAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlNlbmQgRm9ybTwvYnV0dG9uPgogICAgPC9mb3JtPgogIDwvYm9keT4KPC9odG1sPg==

Welches Attribut bietet einen Hinweis oder Beispieltext innerhalb eines Eingabefeldes, um Benutzer darüber zu informieren, welche Art von Eingabe erwartet wird?

Welches Attribut legt den Namen des Eingabefeldes fest, der zur Identifizierung der Eingabedaten beim Absenden des Formulars verwendet wird?

Welches Attribut verhindert das Absenden des Formulars, wenn das erforderliche Feld leer bleibt?

Strukturierte Webseiten mit HTML erstellen. Textinhalte, Links, Listen, Bilder, Tabellen und Formulare anlegen und alles mit semantischen Elementen zu einer vollständigen Seite organisieren.

HTML-Eingabeattribute für Erweiterte Funktionalität

Häufige Eingabeattribute

Platzhalter

Name

Value

Required

Deaktiviert

Nur-Lesen

Min und Max

1. Welches Attribut bietet einen Hinweis oder Beispieltext innerhalb eines Eingabefeldes, um Benutzer darüber zu informieren, welche Art von Eingabe erwartet wird?

2. Welches Attribut legt den Namen des Eingabefeldes fest, der zur Identifizierung der Eingabedaten beim Absenden des Formulars verwendet wird?

3. Welches Attribut verhindert das Absenden des Formulars, wenn das erforderliche Feld leer bleibt?