Как сделать кнопку неактивной?

Иногда при разработке сценария поведения веб-серфера на странице сайта возникает необходимость лишить его возможности нажать ту или иную кнопку, размещенную в документе. Очень часто это используется при заполнении форм, когда необходимо, чтобы какие-то поля были заполнены к тому моменту, когда пользователь нажмет кнопку. Ниже описан HTML-синтаксис деактивации нескольких типов кнопок, используемых в веб-формах.

Вам понадобится

• Базовые знания языка HTML

Инструкция

Для деактивации большинства элементов страниц в языке HTML (HyperText Markup Language - «язык разметки гипертекста») предусмотрен атрибут disabled. Чтобы отобразить неактивную кнопку (button) в какой-либо форме на странице, надо использовать примерно такой код:

Неактивная кнопка

Указывать значение disabled атрибуту disabled не обязательно - для деактивации достаточно одного наличия этого атрибута безо всякого значения. Но, согласно спецификации HTML, значение все-таки должно быть указано и если вы проверите страницу валидатором, то в случае отсутствия значения он выдаст указание на наличие ошибки в коде.

Для другого типа кнопок (submit), по умолчанию предназначенных для отправки данных из формы на сервер, надо использовать точно такой же синтаксис деактивации. Например:

И для кнопок, используемых для очистки заполненных текстовых элементов формы (reset), надо заменить только тип элемента, оставив без изменений атрибут деактивации. Образец:

Даже для кнопки, запускающей диалоговое окно поиска и открытия файла (file), действителен этот же HTML-синтаксис:

Оцените статью!