Атрибути placeholder

Атрибути placeholder роҳнамоеро дар майдони воридшавии форми HTML муқаррар мекунад.

Чунин роҳнамо барои он лозим аст, ки ба корбар нишон диҳад, ки дар ин майдон чӣ ворид кардан лозим аст. Худи роҳнамо дар майдони воридшавӣ ҷойгир хоҳад шуд, аммо, аз атрибути value фарқ мекунад, зеро ба таври худкор ҳангоми кӯшиши ворид кардани матн нест мешавад.

Ба тегҳои input, textarea истифода мебарад.

Барои татбиқ кардани стилҳои CSS ба роҳнамои placeholder шумо метавонед аз унсури нақлӣ placeholder истифода баред.

Мисол

Ба майдони воридшавӣ роҳнамои placeholder гузорем:

html<input type="text" placeholder="номро ворид кунед">

Результат:

Мисол . Атрибути value ҳамзамон бо placeholder

Ва дар ин ҷо ба майдони воридшавӣ ҳамзамон роҳнамои placeholder ва атрибути value гузорем. Агар шумо мундариҷаи атрибути value-ро ҳазф кунед, он гоҳ роҳнамоеро хоҳед дид, ки зери он пинҳон аст:

html<input type="text" placeholder="номро ворид кунед" value="Иван">

Результат:

Инчунин бубинед

  • атрибути value,
    ки арзиши пешфарзро барои майдони воридшавӣ муқаррар мекунад
  • унсури нақлӣ placeholder,
    ки стилҳоро барои роҳнамо муқаррар мекунад
  • синфи нақлӣ placeholder-shown,
    ки стилҳоро барои майдони воридшавӣ бо роҳнамо муқаррар мекунад