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:

<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:

<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