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

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

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

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

Инструкция

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

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

  • Для другого типа кнопок (submit), по умолчанию предназначенных для отправки данных из формы на сервер, надо использовать точно такой же синтаксис деактивации. Например:
  • И для кнопок, используемых для очистки заполненных текстовых элементов формы (reset), надо заменить только тип элемента, оставив без изменений атрибут деактивации. Образец:
  • Даже для кнопки, запускающей диалоговое окно поиска и открытия файла (file), действителен этот же HTML-синтаксис:
  • Оцените статью!