A placeholder attribútum

A placeholder attribútum egy segédszöveget állít be egy HTML űrlap beviteli mezőjében.

Egy ilyen segédszöveg azért szükséges, hogy jelezzük a felhasználónak, mit kell beírnia az adott mezőbe. Maga a segédszöveg a beviteli mezőn belül jelenik meg, de a value attribútummal ellentétben automatikusan eltűnik, amikor a felhasználó próbál szöveget beírni.

A input, textarea címkékre alkalmazható.

A placeholder segédszöveghez CSS stílusokat a placeholder pszeudo-elem segítségével adhat meg.

Példa

Állítsunk be egy placeholder segédszöveget a beviteli mezőnek:

html<input type="text" placeholder="adja meg a nevét">

Результат:

Példa . A value attribútum együtt a placeholderrel

Itt állítsunk be egyszerre egy placeholder segédszöveget és egy value attribútumot. Ha törli a value attribútum tartalmát, megjelenik a segédszöveg, amely alatta volt elrejtve:

html<input type="text" placeholder="adja meg a nevét" value="Iván">

Результат:

Lásd még

  • a value attribútum,
    amely a beviteli mező alapértelmezett értékét állítja be
  • a placeholder pszeudo-elem,
    amely a segédszöveg stílusát állítja be
  • a placeholder-shown pszeudo-osztály,
    amely a segédszöveggel rendelkező beviteli mező stílusát állítja be