Как сделать кнопку в html

Создание кнопок в HTML осуществляется при помощи тегов <input> и <button>. Они являются неотъемлемой частью практически любого интерфейса и помогают отправлять необходимую информацию скрипту-обработчику или очищать уже заполненные формы.

Инструкция

1. Использование дескриптора <input> добавляет на страницу кнопку с именем name и значением value. Атрибут name задает элементу уникальный идентификатор и используется для определения обработчиком формы его значения. Value выводит необходимый текст поверх. Например, для создания кнопки запишите следующий код:
   
   <form>
   <input type = “button” name = “имя” value = “Отправка”>
   </form>
   
   Данная команда создаст кнопку с именем button и надписью «Отправка» на ней.
2. Дескриптор <button> создает аналогичный <input> элемент, однако предлагает для использования множество дополнительных параметров, которые могут понадобиться веб-разработчику. Так, поверх <button> можно наложить таблицу или изображение, форматированный текст или список. Например:
   
   <button form = “id формы” formaction = “адрес” formmethod = “метод пересылки данных” name = “имя” type = “тип” value = “значение”><img src = “путь до изображения”><b>Текст</b></button>
3. Атрибут form задает идентификатор формы, который будет использоваться для обработки данных. Formaction устанавливает обработчик формы в другой части документа, другом файле или сайте. Formmethod отвечает за определение метода пересылки данных. Name задает имя кнопке, type – тип (обычная, для отправки данных или для очистки формы). Value – значение, которое будет считываться скриптами. На кнопке будет отображаться изображение с указанным адресом и жирный текст.
4. Чтобы создать кнопку, которая будет обрабатывать введенные данные, необходимо в атрибуте указать соответствующий тип:
   
   <input type = “submit”>
   
   Чтобы создать кнопку, стирающую введенные пользователем данные, задайте type = “reset”.