Какие существуют способы вставки невидимого текста в веб-формы?

Несколько способов вставки невидимого текста в веб-формы:

• Использование скрытых полей. webref.ru Такие поля не отображаются на странице и прячут своё содержимое от пользователя. webref.ru Они служат для передачи технических данных, которые не редактируются пользователем. webref.ru
• Применение стилей display:none или visibility: hidden. webaim.org Эти стили скрывают контент от всех пользователей. webaim.org
• Использование атрибута hidden. webaim.org Он работает аналогично стилю display:none: элементы с этим атрибутом не отображаются пользователям. webaim.org Однако атрибут не поддерживается в некоторых старых браузерах, например IE11. webaim.org
• Применение класса sr-only. webaim.org Этот класс CSS скрывает контент от обычных пользователей, но делает его доступным для чтения с помощью специальных программ. webaim.org
• Использование атрибута placeholder. sitey.ru Он показывает текст внутри текстового поля, который исчезает при получении фокуса. sitey.ru
• Применение JavaScript. sitey.ru С помощью этого языка можно создать исчезающий текст в форме. sitey.ru Для этого внутри тега input создают два обработчика: один срабатывает при получении фокуса, другой — при потере фокуса. sitey.ru