HTML: Placeholder Input Feld

Ad

Hast du schon mal ein Textfeld auf einer Website gesehen, in dem steht „Geben Sie hier Ihren Namen ein“ oder „Geben Sie Ihre E-Mail-Adresse ein“?

Das ist ein HTML-Platzhalter. HTML-Platzhalter werden verwendet, um dem Nutzer einen Hinweis darauf zu geben, welche Art von Informationen in ein Feld eingegeben werden sollen. Sie können sehr hilfreich sein, besonders wenn ein Formular lang oder komplex ist.

Beispiel: HTML Platzhalter

So einfach erstellst du einen Platzhalter. Im Inputfeld befindet sich folgender Code : placeholder=“Benutzername“

HTML
<form action="/user.php">
  <label for="name">Gebe deinen Namen ein:</label><br><br>
  <input type="text" id="name" name="name" placeholder="Benutzername"

  <input type="submit">
</form> 


Platzhalter können aber auch Probleme verursachen, wenn sie nicht richtig verwendet werden. Zum Beispiel sollten Platzhalter immer beschreibend und benutzerfreundlich sein.

Wozu dient der Placeholder bei HTML?

  • Der Placeholder wird im placeholder-Attribut eines Eingabefelds definiert.
  • Der Text wird im Eingabefeld angezeigt, wenn das Feld leer ist.
  • Sobald der Benutzer in das Feld eingibt, verschwindet der Placeholder.
  • Placeholders können für verschiedene Eingabefeldtypen verwendet werden, z. B. text, search, url, email, password und textarea.

Fazit

Eine gute Faustregel ist, sie kurz und prägnant zu halten. Außerdem sollten Platzhalter nie als Ersatz für Beschriftungen verwendet werden. Beschriftungen sind wichtig, um den Kontext darzustellen und den Nutzern zu helfen, zu verstehen, welche Informationen angefordert werden.

    html        html placeholder        html platzhalter   

Über Mich


Weitere Beiträge auf Blogseite.com




Kennst du schon diese Memes?