Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Атрибут disabled



Определение и использование disabled

Атрибут disabled, является логическим атрибутом.

При наличии disabled указывает, что элемент должен быть отключен.

Отключенный элемент непригоден для использования.

Атрибут disabled может быть установлен, чтобы пользователь не использовал до, некоторые другие условия были выполнены (например, выбор флажка и т. д.). Затем, JavaScript можно удалить значение disabled и использовать элемент.



Применение disabled

Атрибут disabled можно использовать для следующих элементов:

Элемент Атрибут
<button> disabled
<fieldset> disabled
<input> disabled
<optgroup> disabled
<option> disabled
<select> disabled
<textarea> disabled

Примеры disabled

Пример Button

Кнопка отключена:

<button type="button" disabled>Нажми на меня!</button>
Попробуйте сами »
Пример Fieldset

Отключение группы связанных элементов формы:

<fieldset disabled>
  <legend>Персонал:</legend>
  Имя: <input type="text"><br>
  Эл.Почта: <input type="text"><br>
  Дата рождения: <input type="text">
</fieldset>
Попробуйте сами »
Пример Input

Форма HTML с отключенным полем ввода:

<form action="/action_page.php">
 Имя: <input type="text" name="fname"><br>
 Фамилия: <input type="text" name="lname" disabled><br>
 <input type="submit" value="Отправить">
</form>
Попробуйте сами »
Пример Optgroup

Отключенная группа опций:

<select>
 <optgroup label="Немецкий автомобиль" disabled>
   <option value="Мерседес">Мерседес</option>
   <option value="Ауди">Ауди</option>
 </optgroup>
</select>
Попробуйте сами »
Пример Option

Раскрывающийся список с одним отключенным параметром:

<select>
 <option value="Вольво" disabled>Вольво</option>
 <option value="Сааб">Сааб</option>
 <option value="Фольксваген">Фольксваген</option>
 <option value="ауди">Ауди</option>
</select>
Попробуйте сами »
Пример Select

Раскрывающийся список отключен:

<select disabled>
 <option value="Вольво">Вольво</option>
 <option value="Сааб">Сааб</option>
 <option value="Мерседес">Мерседес</option>
 <option value="Ауди">Ауди</option>
</select>
Попробуйте сами »
Пример Textarea

Отключенная текстовая область:

<textarea disabled>
В SchoolsW3.com вы узнаете, как сделать сайт. Мы предлагаем бесплатные обучающие программы по всем технологиям веб-разработки.
</textarea>
Попробуйте сами »

Поддержка браузеров disabled

Атрибут disabled имеет следующую поддержку браузера для каждого элемента:

Элемент
button Да Да Да Да Да
fieldset Да Not supported Да 7.0 Да
input 1.0 6.0 1.0 1.0 1.0
optgroup 1.0 8.0 Да Да Да
option 1.0 8.0 1.0 Да Да
select Да Да Да Да Да
textarea Да Да Да Да Да