Atribut placeholder

Atribut placeholder nastavuje nápovědu ve vstupním poli HTML formuláře.

Takovánápověda slouží k tomu, aby uživateli naznačila, co přesně zadat do daného pole. Samotnánápověda bude umístěna ve vstupním poli, ale na rozdíl od atributu value, automaticky zmizí při pokusu zadat text.

Používá se u tagů input, textarea.

Na nápovědu placeholder můžete aplikovat CSS styly pomocí pseudoelementu placeholder.

Příklad

Nastavme vstupnímu poli nápovědu placeholder:

html<input type="text" placeholder="zadejte jméno">

Результат:

Příklad . Atribut value zároveň s placeholder

Zde nastavme vstupnímu poli zároveň nápovědu placeholder a atribut value. Pokud obsah atributu value smažete, uvidíte nápovědu, která je pod ním skrytá:

html<input type="text" placeholder="zadejte jméno" value="Ivan">

Результат:

Viz také

  • atribut value,
    který nastavuje výchozí hodnotu pro vstupní pole
  • pseudoelement placeholder,
    který nastavuje styly pro nápovědu
  • pseudotřída placeholder-shown,
    který nastavuje styly vstupnímu poli s nápovědou