Эта статья является прямым продолжением двух предыдущих (1 и 2). С ее помощью Вы научитесь отправлять формы на сервер, другими словами создавать различные кнопки. Начнем с самой простой из них.
Кнопка подтверждения
Обратите внимание на то, что значение атрибута value во втором элементе формы не совпадает с тем, которое отображается в браузере. Так происходит потому что по умолчанию стиль кнопки соответствует интерфейсу самого браузера. Однако это не всегда удобно. Чтобы настроить стиль кнопки "под себя" необходимо либо воспользоваться средствами CSS, либо создать графическую кнопку.
Графическая кнопка
Данная форма отличается от предыдущей только вторым элементом формы. Значение атрибута tupe меняется с submit на image. Далее мы прописываем ссылку на изображение для кнопки (значение атрибута src) и задаем его ширину и высоту (значения атрибутов width и height).
Кнопки и скрытые элементы формы
Тег button дает возможность сочетать в одной кнопке текст и изображение. В данном случае изображение это "плюсик" справа, а текст - слово "Добавить" слева.
Скрытые элементы формы (hidden) позволяют размещать в форме данные, невидимые посетителям. Например Вы можете сохранить в скрытом поле информацию о том, с какой страницы посетитель отправил форму на сервер.
Спасибо за внимание!
Если статья оказалась полезной предлагаю подписаться на канал. Не пропусти выход новых интересных статей!)
P.S. Если возникли трудности пишите в комментариях или в сообщениях канала. Отвечу на все и всем)