HTML-формы - один из самых простых способов добавления интерактивности на ваш сайт. Вы можете задавать вопросы и запрашивать ответы у своих читателей, предоставлять дополнительную информацию из баз данных, настраивать игры и многое другое. Существует ряд HTML-элементов, которые вы можете использовать для создания ваших форм. И как только вы создали свою форму, существует множество способов отправить эти данные на сервер или просто запустить действие формы.
Это несколько способов, которыми вы можете отправить свои формы:
-
- Это самый распространенный метод получения данных на сервере, но он может быть очень простым.
-
- Использование изображения упрощает создание кнопки отправки в соответствии со стилем вашего сайта. Но некоторые люди могут не распознать его как кнопку отправки.
-
- Кнопка
ВХОД тег дает много одинаковых параметров, как изображение
ВХОД , но больше похож на стандартный тип отправки. Для его активации требуется JavaScript.
- Кнопка
-
-
КНОПКА тег является более универсальным типом кнопки, чем
ВХОД тег. Этот тег требует активации Javacript.
-
-
КОМАНДА элемент является новым в HTML5, и он обеспечивает способ активации скриптов и форм со связанными действиями. Он активируется с помощью JavaScript.
-
Элемент INPUT
Вход
ВХОД элемент является наиболее распространенным способом отправки формы, все, что вы делаете, - это выбрать тип (
кнопка,
образ, или же
Отправить) и при необходимости добавить некоторые скрипты для отправки в действие формы.
элемент может быть написан так же. Но если вы это сделаете, у вас будут разные результаты в разных браузерах. Большинство браузеров делают кнопку, которая говорит «Отправить», но Firefox делает кнопку с надписью «Отправить запрос». Чтобы изменить то, что говорит кнопка, вы должны добавить атрибут:
value = "Отправить форму">
Элемент написан так, но если вы оставите все остальные атрибуты, все, что будет отображаться в браузерах, будет пустой серой кнопкой. Чтобы добавить текст к кнопке, используйте
значениеприписывать. Но эта кнопка не будет отправлять форму, если вы не используете JavaScript.
OnClick = "отправить ();">
Это похоже на
кнопкатип, которому нужен сценарий для отправки формы. За исключением того, что вместо текстового значения вам нужно добавить URL-адрес источника изображения.
Элемент Button
КНОПКАэлемент требует как открытого тега, так и закрывающего тега. Когда вы его используете, любой контент, который вы заключите внутри тега, будет заключен в одну из кнопок. Затем вы активируете кнопку со сценарием.
Представить форму
Вы можете включать изображения в свою кнопку или комбинировать изображения и текст, чтобы создать более интересную кнопку.
Элемент командования
КОМАНДАэлемент новый с HTML5. Он не требует
FORM для использования, но он может действовать как кнопка отправки для формы. Этот элемент позволяет создавать дополнительные интерактивные страницы без необходимости в форме, если вам не нужны формы. Если вы хотите, чтобы команда что-то сказала, вы пишете информацию в
этикеткаприписывать.
label = "Отправить форму">
Если вы хотите, чтобы ваша команда была представлена изображением, вы используете
значокприписывать.
значок = "submit.gif">
HTML-формы имеют несколько способов отправки, как вы узнали на предыдущей странице. Двумя из этих методов являются
ВХОДтега и
КНОПКАтег. Есть веские причины использовать оба этих элемента.
Элемент ввода
Тег является самым простым способом отправки формы. Он не требует ничего, кроме самого тега, даже не
значениеКогда клиент нажимает кнопку, он автоматически отправляется. Вам не нужно добавлять какие-либо скрипты, браузеру известно отправить форму при отправке
ВХОДтег.
Проблема в том, что эта кнопка очень уродливая и простая. Вы не можете добавлять к нему изображения. Вы можете стилизовать его так же, как любой другой элемент, но он все равно может выглядеть как уродливая кнопка.
Использовать
ВХОДкогда ваша форма должна быть доступна даже в браузерах с отключенным JavaScript.
Элемент BUTTON
КНОПКАэлемент предлагает больше возможностей для отправки форм. Вы можете положить что-нибудь внутри
КНОПКАи превратите его в кнопку отправки. Чаще всего люди используют изображения и текст. Но вы могли бы создать
DIV и сделайте все это кнопкой отправки, если хотите.
Самый большой недостаток
КНОПКАэлемент заключается в том, что он автоматически не отправляет форму. Это означает, что для его активации должен быть какой-то скрипт. И поэтому он менее доступен, чем
ВХОДметод. Любой пользователь, у которого не включен JavaScript, не сможет отправить форму только с помощью
КНОПКАчтобы отправить его.
Использовать
КНОПКАметод по формам, которые не так критичны. Кроме того, это отличный способ добавить дополнительные параметры отправки в одну форму.
