Placeholder atribūts

Atribūts placeholder iestata mājienu HTML formas ievades laukā.

Šāds mājiens ir nepieciešams, lai norādītu lietotājam, ko tieši vajadzētu ievadīt šajā laukā. Pats mājiens tiks ievietots ievades laukā, taču, atšķirībā no atribūta value, tas automātiski pazudīs, mēģinot ievadīt tekstu.

Attiecas uz tagiem input, textarea.

CSS stilus mājienam placeholder varat lietot, izmantojot pseidoelementu placeholder.

Piemērs

Iestatīsim ievades laukam mājienu placeholder:

html<input type="text" placeholder="ievadiet vārdu">

Результат:

Piemērs . Value atribūts vienlaikus ar placeholder

Šeit iestatīsim ievades laukam vienlaikus mājienu placeholder un atribūtu value. Ja izdzēsīsiet atribūta value saturu, ieraudzīsiet mājienu, kas atrodas zem tā:

html<input type="text" placeholder="ievadiet vārdu" value="Ivan">

Результат:

Skatiet arī

  • atribūts value,
    kas iestata noklusējuma vērtību ievades laukam
  • pseidoelements placeholder,
    kas nosaka mājiena stilu
  • pseidoklase placeholder-shown,
    kas nosaka ievades lauka stilu ar mājienu