Кнопка очищення

Крім різних полів вводу, перемикачів і прапорців, елемент <input> може задавати різного роду кнопки. При установці значення type="reset" буде автоматично створена кнопка для очищення форми. При її натисканні всі параметри приходять у вихідний стан, тобто, попросту говорячи, очищається усе, що ввів чи вибрав користувач. Наприклад:

<input type="reset" value="Очистити форму" />

Атрибут value не є обов'язковим, він дозволяє змінити напис на кнопці. Якщо його опустити, на кнопці буде напис за замовчуванням Reset.

Кнопка підтвердження

Можна створити і кнопку, що, навпаки, підтверджує всі зроблені зміни і готує дані форми до відправлення на сервер. Елемент <input type="submit"> може мати всього один параметр value, за допомогою якого можна змінити напис на кнопці. Кнопка підтвердження призначена тільки для відправлення даних, уведених користувачем. Гляньте на наступні два приклади:

<input type="submit" />

<input type="submit" value=''Поїхали!" />

На кнопках можна писати все, що завгодно, однак пам’ятайте, що занадто короткі написи типу ОК несуть мало інформації. Щоб збільшити розмір кнопки, можна діяти в такий спосіб: навколо напису поставити кілька зайвих пробілів.

Форма визначить, як і куди відправляти дані, завдяки атрибутам method і action. Отже, створити кнопку підтвердження, виявляється, дуже просто.

Зображення на кнопці підтвердження

Якщо ви хочете використовувати графіку на кнопці підтвердження, то можна встановити значення атрибута type="image". У цьому випадку прийдеться вказати і URL, по якому міститься графічний файл і альтернативний текст (для текстових браузерів). У підсумку елемент буде виглядати в такий спосіб: <input type="image" src="images/buttons/submit.gif" alt="Підтвердити" /> Тепер розглянемо, як створювати власні кнопки.