aria-placeholder

ARIA-атрибут, который добавляет плейсхолдер к полю ввода.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Свойство виджета из WAI-ARIA, которое устанавливает плейсхолдер для поля ввода.

Аналог aria-placeholder в HTML — атрибут placeholder.

Пример

Скопировано
        
          
          <span id="label">Любимое животное:</span><span role="textbox" aria-labelledby="label" aria-placeholder="К примеру, голубоногая олуша" contenteditable></span>
          <span id="label">Любимое животное:</span>
<span role="textbox" aria-labelledby="label" aria-placeholder="К примеру, голубоногая олуша" contenteditable></span>

        
        
          
        
      

Как пишется

Скопировано

Добавьте к тегу aria-placeholder с короткой текстовой подсказкой по заполнению поля. Атрибут можно использовать только для <input>, <textarea>, семантически нейтральных <div> и <span> или роли textbox.

Для <input> и <textarea> лучше использовать атрибут placeholder.

Как понять

Скопировано

Плейсхолдер — это короткая подсказка по заполнению поля. Она отображается внутри поля и исчезает при фокусе на нём. Плейсхолдер не заменяет подпись к полю.