- практическое руководство и примеры
Атрибут "disabled" в HTML используется для указания, что элемент ввода (например, поле ввода текста или кнопка) недоступен для пользовательского взаимодействия. Этот атрибут блокирует возможность ввода данных и предотвращает отправку формы, связанной с данным элементом.
Примеры кода:
1. Поле ввода текста с атрибутом disabled:
html
В этом примере поле ввода с именем "username" будет отображено на странице, но пользователь не сможет ввести или изменить любой текст в поле.
2. Кнопка с атрибутом disabled:
html
Здесь кнопка будет отображена, но она будет отключена и пользователь не сможет нажать на нее.
3. Поле ввода с атрибутом disabled и значение по умолчанию:
html
В этом примере поле ввода с именем "country" будет отображено со значением "Россия" внутри него, но пользователь не сможет изменить или ввести другое значение.
При использовании JavaScript можно изменять атрибут "disabled" динамически, чтобы включать или отключать элемент в зависимости от каких-либо условий. Вот пример кода, демонстрирующий это:
html
В этом примере есть поле ввода текста, которое изначально отключено (атрибут "disabled" присутствует). При нажатии кнопки "Разблокировать поле" с помощью функции `enableInput()` атрибут "disabled" для этого поля ввода будет снят, и пользователь сможет вводить текст в него.