Кнопки в html

Кнопки в html

Створення кнопки відправки форми

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

Першим способом створення кнопки є використання елемента . атрибут type якого повинен мати значення submit. Відображення такого поля може різнитися в різних типах браузерів, але в цілому воно виглядає як виступає прямокутна область. Ви можете задати довільний текст, який буде відображений на кнопці відправки. Для цього використовуйте атрибут value з текстовим значенням.

Другим способом є використання елемента можна розташовувати інші HTML-елементи. Наприклад, зображення. При натисканні на будь-якому внутрішньому елементі буде виконана відправка форми.

Кнопки в html

рис 1. Відображення кнопок відправки форми в браузері

замітка
Ніяких додаткових налаштувань не потрібно. При натисканні кнопки браузер самостійно обробить вміст форми і згідно із заданими атрибутам елемента

виконає відправку на сервер.

Створення кнопки очищення форми

Аналогічно правилам, викладеним вище, в HTML можна створити і кнопку очищення форми. При її натисканні форма буде повернута до того стану, в якому перебувала при завантаженні сторінки.

Для створення кнопки очищення форми можна використовувати елемент або