Як зробити кнопку неактивною

Як зробити кнопку неактивною

Іноді під час розробки сценарію поведінки веб-серфера на сторінці сайту виникає необхідність позбавити його можливості натиснути ту чи іншу кнопку, розміщену в документі. Дуже часто це використовується при заповненні форм, коли необхідно, щоб якісь поля були заповнені до того моменту, коли користувач натисне кнопку. Нижче описано HTML-синтаксис деактивації декількох типів кнопок, що використовуються у веб-формах.

Вам знадобиться

  • Базові знання мови HTML

Інструкція

1. Для деактивації більшості елементів сторінок у мові HTML (HyperText Markup Language - "мова розмітки гіпертексту") передбачено атрибут disabled. Щоб відобразити неактивну кнопку (button) у будь-якій формі на сторінці, потрібно використовувати приблизно такий код:< form action = "" 1916 .php "" > < button disabled = "" disabled "" > Неактивна кнопка </button > </form > Вказувати disabled атрибуту disabled не обов "язково - для деактивації достатньо Але, згідно специфікації HTML, значення все-таки має бути вказано і якщо ви перевірите сторінку валідатором, то в разі відсутності значення він видасть вказівку на наявність помилки в коді.


2. Для іншого типу кнопок (submit), за замовчуванням призначених для відправки даних з форми на сервер, треба використовувати точно такий же синтаксис деактивації. Наприклад:< form action = "" 1916 .php "" > < input type = "" submit "" value = "" Неактивна кнопка "" disabled = "" disabled ""/> </form >

3. Для кнопок, які використовуються для очищення заповнених текстових елементів форми (reset), слід замінити лише тип елемента, залишивши без змін атрибут деактивації. Зразок:< form action = "" 1908 .php "" > < input type = "" reset "" value = "" Неактивна кнопка очищення "" disabled = "" disabled ""/> </form >

4. Навіть для кнопки, що запускає діалогове вікно пошуку та відкриття файлу (file), дійсний цей же HTML-синтаксис:<form action=""form.php""> <input type=""file"" value="" disabled=""disabled"" /></form>