- Теория
- Теория
Альтернативный способ задания кнопок
Помимо тега <input>
для добавления кнопок можно использовать тег <button>
. Он расширяет возможности создания кнопок.
Внутри тега <button>
можно размещать любые HTML-элементы, в том числе изображения. Например:
<button>Календарь <img src="calend.png" alt=""></button>
В данном случае кнопка будет выглядеть примерно вот так:
Если в атрибуте type
тега <button>
указать значение submit
или reset
, то кнопка будет отправлять данные на сервер или сбрасывать введенные значения.
По умолчанию значение атрибута type
— submit
.
То есть внутри формы кнопка <button>
по нажатию отправит форму на сервер.
Значениями атрибута type
также могут быть button
и reset
.
Кнопка button
со значением type="reset"
аналогично input type="reset"
сбрасывает значения полей формы к изначальным.
А вот значение type="button"
избавит кнопку от всей изначальной функциональности. То есть кнопка просто будет выглядеть как кнопка, но ничего по умолчанию не делать. Это удобно, если вы хотите сами добавить кнопке дополнительное действие с помощью JavaScript
.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.