HTML формы|теги html — action, input, form, method, radio, value
Всем привет!
В этом уроке речь пойдет о html формах.
Формы – это те поля, куда мы, например, вводим свои данные при регистрации на каком – либо сайте, форуме и т.д.
Предложу начать с примера, потом подробно его разберем и рассмотрим виды форм.
И так, начнем.
<form action="" method="get"> <input type="text" name="t1" maxlength="25" size="40" /> <input type="text" name="t2" maxlength="25" size="40" /> <input type="button" name="but" value="отправить данные" /> </form>
Все формы начинаются с тега <form> и заканчиваются тегом </form>.
Далее, параметр action в тэге указывает на адрес программы (скрипта), которая будет обрабатывать данные из нашей формы.
Параметр method указывает на способ передачи данных.
Есть два способа: GET и POST.
Если будем передавать методом пост, то данные будут переданы скрыто от пользователя.
Тег <input> определяет как раз саму форму. Рассмотрим параметры тега <input>:
CHECKED – означает, что CHECKBOX или RADIOBUTTON будет выбран.
MAXLENGTH – определяет количество символов, которое пользователи могут ввести в поле ввода.
NAME – имя поля ввода. Данное имя используется как уникальный идентификатор поля, по которому, впоследствии, вы сможете получить данные, помещенные пользователем в это поле.
SIZE — определяет визуальный размер поля ввода на экране в символах.
VALUE – присваивает полю значение по умолчанию или значение, которое будет выбрано при использовании типа RADIO (для типа RADIO данный атрибут обязателен)
TYPE – определяет тип поля ввода. По умолчанию это простое поле ввода для одной строки текста.
Поскольку параметр type определяет тип формы, то рассмотрим подробно его значения.
СНЕСKBOX — используется для выбора пользователем нескольких значений из предложенных.
Пример использования:
<form action="" method="get"> <input type="checkbox" name="ch2" checked="checked"/>Вариант 1 <input type="checkbox" name="ch3"/>Вариант 2 <input type="checkbox" name="ch4"/>Вариант 3 <input type="checkbox" name="ch5"/>Вариант 4 </form>
RADIO – тоже что и checkbox, но пользователь может выбрать только одно значение.
Для создания набора альтернатив вам необходимо создать несколько полей ввода с атрибутом
VALUE, но с одинаковыми значениями атрибута NAME.
Пример использования:
<form action="" "method="get"> <input type="radio" value="v1" name="ch2"/>Вариант 1 <input type="radio" value="v2" name="ch3"/>Вариант 2 <input type="radio" value="v3" name="ch4" checked="checked"/>Вариант 3 <input type="radio" value="v4" name="ch5"/>Вариант 4 </form>
PASSWORD – То же самое, что и атрибут TEXT, но вводимое пользователем значение не отображается броузером на экране (отображаются звездочки вместо символов).
RESET — Данный тип обозначает кнопку, при нажатии которой все поля формы примут значения, описанные для них по умолчанию.
SUBMIT – Данный тип обозначает кнопку, при нажатии которой будет вызвана CGI-программа (или URL), описанная в заголовке формы (action).
Атрибут VALUE может содержать строку, которая будет высвечена на кнопке.
TEXT – Данный тип поля ввода описывает однострочное поле ввода.
Это как раз те поля, которые используются для регистрации, ввода логина и пароля.
Этот тип поля наиболее часто встречающийся.
SELECT – Тег SELECT позволяет пользователю выбрать значение из фиксированного списка значений.
Обычно это представлено выпадающим меню.
Тэг SELECT имеет один или более параметр между стартовым тэгом
<SELECT> и завершающим </SELECT>. По умолчанию, первый элемент отображается в строке выбора.
Пример использования:
<form action="" method="get"> <select name="n"> <option>Вариант 1</option> <option>Вариант 2</option> <option>Вариант 3</option> <option>Вариант 4</option> </select> </form>
TEXTAREA – Тег (Обращаю внимание!!! Это именно тег, а не значение параметра type) используется для того, чтобы позволить пользователю вводить свободный текст.
Пример использования:
<form action="" method="get"> <textarea name="namm" rows="4" cols="30"> </textarea> </form>
NAME — имя поля ввода
ROWS – высота поля ввода в символах
COLS – ширина поля ввода в символах
На этом завершим данный выпуск, если возникли вопросы, пишите.
Просьба присылать с вопросом ваш код того, что вы делаете.
Так будет проще и мне понять, что у вас не получилось и дать вам четкий ответ, и вам меньше объяснять в письме, что у вас не выходит.
Все вопросы на E-mail: [email protected]
Проект webformyself.com – основы самостоятельного сайтостроения
Всегда Ваш, Андрей Бернацкий.
Метки: action, form, html формы, input, method, radio, value
Запись опубликована 15.07.2009 в 03:00 и размещена в рубрике Базовый курс, О Себе. Вы можете следить за обсуждением этой записи с помощью ленты RSS 2.0. Можно оставить комментарий или сделать обратную ссылку с вашего сайта.
FormExtensions.BeginForm Метод (System.Web.Mvc.Html) | Microsoft Learn
Twitter LinkedIn Facebook Адрес электронной почты
- Ссылка
Определение
- Пространство имен:
- System. Web.Mvc.Html
- Сборка:
- System.Web.Mvc.dll
- Пакет:
- Microsoft.AspNet.Mvc v5.2.6
Важно!
Некоторые сведения относятся к предварительной версии продукта, в которую до выпуска могут быть внесены существенные изменения. Майкрософт не предоставляет никаких гарантий, явных или подразумеваемых, относительно приведенных здесь сведений.
Перегрузки
BeginForm(HtmlHelper) | Записывает открывающий <тег формы> в ответ. Форма использует метод POST, и запрос обрабатывается методом действия для представления. |
BeginForm(HtmlHelper, String, String, Object, FormMethod, Object) | Записывает открывающий <тег формы> в ответ и задает тег действия указанному контроллеру, действию и значениям маршрута. Форма использует указанный метод HTTP и включает атрибуты HTML. |
BeginForm(HtmlHelper, String, String, RouteValueDictionary, FormMethod) | Записывает открывающий <тег формы> в ответ и задает тег действия указанному контроллеру, действию и значениям маршрута из словаря значений маршрута. Форма использует указанный метод HTTP. |
BeginForm(HtmlHelper, String, String, FormMethod, Object) | Записывает открывающий <тег формы> в ответ и задает тег действия указанному контроллеру и действию. Форма использует указанный метод HTTP и включает атрибуты HTML. |
BeginForm(HtmlHelper, String, String, FormMethod, IDictionary<String,Object>) | Записывает открывающий <тег формы> в ответ и задает тег действия указанному контроллеру и действию. Форма использует указанный метод HTTP и включает атрибуты HTML из словаря. |
BeginForm(HtmlHelper, String, String, Object, FormMethod) | Записывает открывающий <тег формы> в ответ и задает тег действия указанному контроллеру, действию и значениям маршрута. Форма использует указанный метод HTTP. |
BeginForm(HtmlHelper, String, String, RouteValueDictionary, FormMethod, IDictionary<String,Object>) | Записывает открывающий <тег формы> в ответ и задает тег действия указанному контроллеру, действию и значениям маршрута из словаря значений маршрута. Форма использует указанный метод HTTP и включает атрибуты HTML из словаря. |
BeginForm(HtmlHelper, String, String, FormMethod) | Записывает открывающий <тег формы> в ответ и задает тег действия указанному контроллеру и действию. Форма использует указанный метод HTTP. |
BeginForm(HtmlHelper, String, String, Object) | Записывает открывающий <тег формы> в ответ и задает тег действия указанному контроллеру, действию и значениям маршрута. Форма использует метод POST. |
BeginForm(HtmlHelper, String, String) | Записывает открывающий <тег формы> в ответ и задает тег действия указанному контроллеру и действию. Форма использует метод POST. |
BeginForm(HtmlHelper, RouteValueDictionary) | Записывает открывающий <тег формы> в ответ и включает значения маршрута из словаря значений маршрута в атрибуте действия. Форма использует метод POST, и запрос обрабатывается методом действия для представления. |
BeginForm(HtmlHelper, Object) | Записывает открывающий <тег формы> в ответ и включает значения маршрута в атрибут действия. Форма использует метод POST, и запрос обрабатывается методом действия для представления. |
BeginForm(HtmlHelper, String, String, RouteValueDictionary) | Записывает открывающий <тег формы> в ответ и задает тег действия указанному контроллеру, действию и значениям маршрута из словаря значений маршрута. Форма использует метод POST. |
Метод формы HTML, учебник html
Учебник HTML » Метод формы HTML
Что такое метод формы HTML?
Атрибут метода формы сообщает браузеру, как отправлять данные формы на веб-сервер.
Атрибут метода указывает, как отправлять данные формы на страницу, указанную в атрибуте действия.
Данные из формы можно отправить как переменные URL, используя: method = «POST or method =» GET «.
Что такое метод POST и GET HTML?
Метод POST:
Данные не отображаются в URL
Не имеет ограничений по размеру
Отправка форм с помощью POST не может быть добавлена в закладки
POST Отправляет данные формы через сервер
Метод GET:
Прикрепленные данные формы к URL-адресу в парах имя/значение.
Длина URL ограничена (около 3000 символов).
Никогда не используйте GET для отправки конфиденциальных данных! (будет отображаться в URL-адресе).
GET полезен для отправки форм, когда пользователь хочет добавить результат в закладки.
GET лучше подходит для незащищенных данных, таких как строки запроса в поисковой системе.
GET Отправляет данные формы через строку URL
Синтаксис:
< действие формы =» your_link_action » метод =»значение»>
…….
Ограничения : GET приводит к отображению содержимого отправки в URL-адресе.
Ограничения Когда данные отправляются с помощью POST, отправка формы дважды приведет к дублированию записи.
Браузер Поддержка формы HTML действие
Элемент | хром | ИЭ | Firefox | Опера | Сафари |
Метод формы HTML | Да | Да | Да | Да | Да |
Что такое метод формы POST?
POST Отправляет данные формы через сервер
Как работает POST HTML-формы?
Пример формы POST с
Пример (это редактор HTML — PHP, измените текст в этом окне)
<голова>
Действие POST метода формы HTML
голова><тело>
Метод POST HTML-формы