Что такое форма?
Формы в HTML являются важным средством для взаимодействия HTML -страниц с браузером. Используя форму, сервер может собирать соответствующую информацию, представленную клиентским браузером, такую как введенный пароль и т. Д. При просмотре веб -сайтов мы часто сталкиваемся с формами. Они являются важной частью интерактивной функции между сервером и браузером. Взаимодействие здесь означает процесс обмена данными друг с другом, такой как передача пароля, который мы ввели локально на сервер. Независимо от того, какую форму языка использует веб -сайт для реализации интерактивных функций веб -сайта, таких как ASP, PHP, JSP и т. Д., Формы теперь стали их единым методом сбора информации.
Основная функция формы - собирать информацию, в частности, информацию зрителя. Например, если вы подаете заявку на электронное письмо в Интернете, вы должны заполнить страницу формы, предоставленную веб -сайтом по мере необходимости, которая в основном включает в себя личную информацию, такую как имя, возраст, контактная информация и т. Д. Например, если вы хотите выступить на форуме, вы должны подать заявку на квалификацию перед выступлением, и вы должны заполнить страницу формы. Конечно, форма невидима, не глядя на исходный код, и пользователи не могут чувствовать, что форма существует.
Формы обычно могут использоваться для обследования, заказа, поиска и других функций. Как правило, формы состоят из двух частей. Одним из них является исходный код HTML, который описывает элементы формы. В браузере мы можем найти эту часть через исходный код. Второе-это сценарий клиента или программа, используемая сервером для обработки заполнения пользователя. Здесь в основном обрабатывает собранные данные. Например, пароль, полученный в приведенном выше примере, должен передаваться на сервер, чтобы проверить, является ли пароль правильным. Если это правильно, он будет входить, и если оно не будет ошибочным, он не будет вошел в систему. Это процесс обработки. В HTML мы можем определить формы и сотрудничать с обработчиками форм на языках сценариев на стороне сервера, такими как ASP и PHP. Процесс информации о обработке формы: когда мы нажимаем на кнопку, представленную в форме, информация, введенная в форме, будет передана на сервер, а затем обрабатывается соответствующими приложениями сервера. После обработки либо храните информацию, представленную пользователем в базе данных сервера, либо верните соответствующую информацию в браузер клиента. Давайте внимательно рассмотрим различные знания формы.
1. Форма тега <form>
Форма находится в определенной области на веб -странице, определяемой и идентифицированной парой тегов <form>. <Form> теги имеют две основные функции на веб -страницах.
Во -первых, вы можете определить объем его функции формы, и другие знаки объекта формы должны быть вставлены в форму. Например, когда мы нажимаем кнопку «Отправить», мы отправляем контент в рамках формы, и контент вне формы не будет отправлен.
Во -вторых, он содержит соответствующую информацию самой формы, такую как местоположение программы сценария, которая обрабатывает форму, метод отправки формы и т. Д. Основной синтаксис и синтаксис формы объясняются следующим образом.
Основной синтаксис:
<Form name = form_name method = method action = url ectype = value target = target_win> ............ </form>
Синтаксическое объяснение следующим образом:
свойство | описывать |
ИМЯ | Название формы |
Метод | Определите метод передачи формы из браузера на сервер, как правило, используя два метода: Get и Post |
ДЕЙСТВИЕ | Определите местоположение обработчика формы, есть два типа: абсолютный путь и относительный путь. |
Enctype | Установите метод кодирования формы |
ЦЕЛЬ | Установите метод отображения возврата информации |
Среди приведенных выше атрибутов имя, метод и действие являются наиболее часто используемыми, а также являются основой для анализа программы сценариев. Они объяснены и объяснены подробно ниже. 1. Основной синтаксис атрибута имени тега <Form>: <form name = form_name> ………………………… <Form> Через имя формы вы можете управлять соотношением между формой и обработчиком сервера и использовать имя, чтобы определить идентификатор обработки программы на сервере.
2. Основной синтаксис атрибута действия тега <Form>: <form action = url> ………………………… <Form> С помощью атрибута действия формы определяется адрес подчинения данных в форме. Этот адрес может быть абсолютным путем, относительным путем или адреса электронной почты.
Например: <form name = mailAction = mailto: [email protected]>
3. Основной синтаксис атрибута mthod тега <Form>: <form mthod = method> ……………… <Form> Есть два метода на выбор Mthod, один elet, а другой - Post. При отправке данных с помощью метода GET все содержимое в форме будет добавлено после адреса URL -адреса, разделенного по отмечке вопроса. Формат передачи данных - это имя = значение. Имя - это имя передачи данных, а значение - это значение, которое должно быть передано. Когда необходимо пройти несколько значений, несколько значений могут быть разделены символами и. Например http: //localhost/haha/haha.asp? Name1 = value1 & name2 = value2. Поскольку эти данные находятся за адресом URL, длина отправленной информации ограничена и не может превышать 8192 символов. Наиболее часто используемым методом является метод POST. Этот метод содержит данные, заполненные пользователем в корпусе формы, и передает их в обработчик сервера. Следовательно, для этого метода нет ограничения размера. Когда он не указывает, какой метод по умолчанию - метод получения. После определения тега формы <form> вы можете добавить теги для кода, который завершает конкретную функцию. Есть 4 метки, которые могут быть включены в форму, как показано в следующей таблице
отметка | описывать |
<Input> | Форма входных тегов |
<select> | Меню и теги списка |
<Опция> | Меню и списка тегов элементов |
<Textarea> | Маркеры текстового домена |
В HTML -коде их организация выглядит следующим образом
<FORD> <NOPT> ……………… </input> <TextAREA> …………… </textAREA> <SELECT> <опция> ………… </option> </select> </form>
Для приведенных выше тегов двумя наиболее частыми технологиями взлома скрипта должны быть <pint> и <Textarea>. Давайте подробно объясним эти два тега ниже. 2. Входной тег <входной тег> входной тег <вход> является одним из наиболее часто используемых тегов в формах. Текстовые поля и кнопки, которые мы обычно используем на веб -страницах, используются. Основной синтаксис заключается в следующем:
<form> <input name = field_name type = type_name> </form>
где имя является именем домена, а тип - тип домена. В свойстве типа может быть много значений свойств. Среди них широко используемые и тесно связанные с технологиями взлома: текст, пароль, файл, кнопка, отправка, сброс, скрытый. 1. Текст текста домена
Значение атрибута текста используется для установки текстовой области формы и ввода любого типа текста, чисел и букв. Входные данные отображаются в одной строке. Каждому может быть трудно понять это. Я приведу вам пример, чтобы проиллюстрировать его позже. Во -первых, посмотрите на его основное грамматику и грамматическое объяснение. Основной синтаксис: <input type = text name = field_name maxlength = value size = value value = field_value> syntax ventrotation: эти объяснения показаны в следующей таблице
Атрибуты текстового домена | описывать |
ИМЯ | Имя текстового поля |
MaxLength | Максимальное количество входных символов в текстовом поле |
РАЗМЕР | Ширина текстового поля (в символах) |
ЦЕНИТЬ | Значение по умолчанию для текстового поля |
Это некоторые базовые знания текстового домена. Многие друзья все еще не понимают этого. Давайте напишем пример, чтобы проиллюстрировать код ниже:
<html> <head> <title> Вставьте текстовый домен </title> </head> <body> Пользовательский опрос <form action = mailto: [email protected] Метод = получить имя = хаха> <!-Написание формы для подключения в виде адреса электронной почты, метод-это указание, имя-хаха-> Имя ввод = with = username size = 20> <! 20-> Веб-сайт: <input type = text name = url size = 20 maxlength = 50 value = http: /// <!-Написание текстового домена с помощью URL-адреса имени, ширина составляет 20, а максимальная длина ввода равен 50.
После написания кода мы изменяем имя суффикса на HTML и выполняем его. Как показано в (рисунок 1). Для таких фотографий я считаю, что все друзья, которые могут просматривать Интернет, должны были их видеть.
(Рисунок 1)
2. Пароль домена пароляНапример, когда мы находимся в Интернете, если мы войдем на адрес электронной почты, мы должны ввести пароль. Входной завод для ввода пароля называется доменом пароля, который является еще одной формой текстового домена. Его функция заключается в том, что все статьи, введенные в текстовое поле, отображаются со звездочками* или точками. Основной синтаксис похож на текстовое поле выше. Разница в том, что вам просто нужно изменить текст в типе на пароль. На основе примера текстового поля выше, добавьте пароль кода между тегами <form>: <inpyt type = имя пароля = размер пароля = 20 maxlength = 30>, после сохранения, откройте файл и введите любой символ в поле ввода пароля, чтобы увидеть, это точка, но реальный символ скрыт, как показано на (рисунок 2).
(Рисунок 2)
3. файл файла домена файла
Файл -домен позволяет нам заполнять файлы на нашем локальном компьютере внутри домена и, наконец, загружать их через форму. Это основная функция домена файла. Наиболее используемый должен загружать. С точки зрения внешнего вида, поле файла представляет собой текстовое поле и кнопку просмотра. Мы можем либо напрямую заполнить путь файла, который будет загружен на веб -сайт в текстовом поле, либо нажать кнопку просмотра, чтобы найти файл, который будет загружен на наш компьютер.
Основной синтаксис
<Input type = file name = field_name> его тип - файл, имя - это имя этого поля файла. Давайте просто напишем поле файла, код выглядит следующим образом:
<html> <Head> <Teal> Text Field </title> </head> <body> <form> Пожалуйста, загрузите свое фото: <input type = file name = file> </form> </body> </html>
После сохранения, откройте его, и вы можете увидеть истинную поверхность текстового поля, как показано на (Рисунок 3). Я считаю, что все видели такие загруженные картинки.
(Рисунок 3)
4. Кнопки в форме кнопки играют важную роль. Кнопка может иметь функцию отправки всех данных формы на сервер, и может восстановить форму в его начальное состояние, когда пользователю необходимо изменить форму, а также может играть другие роли в соответствии с потребностями программы. Кнопки обычно делятся на три типа: кнопка (нормальная кнопка), отправить (кнопку отправки) и сбросить (кнопку сброса). Синтаксисом кнопки «Нормальная кнопка» является <input type = name = name = field_name value = button_text>, где значение значения представляет текст, отображаемый на кнопке. Цель отправки кнопки отправки - отправить все данные в форме в обработчик сервера после нажатия этой кнопки. Основным синтаксисом является <input type = spect name = field_name value = button_text>, где значение значения представляет текст, отображаемый на кнопке. Сброс кнопки сброса означает, что после нажатия кнопки все данные, которые мы добавили в форму, очищаются и восстанавливаются в настройках содержимого формы по умолчанию. Основным синтаксисом является <input type = reset name = field_name value = button_text>, опять же: на языке html размер неразличим. Давайте кратко напишем пример, чтобы практиковать эффект кнопки, код заключается в следующем.
<html> <Head> <Title> Демонстрация кнопки формы </title> </head> <body> Регистрация пользователя <form action = mailto: [email protected] Метод = Get name = Haha> Имя: <input type = text name = username size = 20> <br> password: <input name = password size = 20 maxlendy = 30> <brbre = webse = <br> <input type = password = password = 20 -й. value = http://> <br> <input type = name = name = field_name value = normal кнопку> <input_ name = field_name value = propect> <input type = reset name = field_name value = reset кнопка> </from> </body> </html>
После сохранения откройте файл и посмотрите, как показано в (рисунок 4). Я думаю, что вы видели похожие картинки, а наиболее распространенные из них используются при регистрации пользователей.
(Рисунок 4)
5. скрыть домен скрыт
Скрытый домен не виден для нас, пользователей на странице, потому что он скрыт. Цель вставки скрытого домена в форму состоит в том, чтобы собрать или отправлять информацию. Когда мы нажимаем кнопку «Отправить», чтобы отправить данные формы, скрытая информация о домене также отправляется на сервер. Его основной синтаксис - <input type = field_name value = value>. Причина, по которой я также объясню вам, заключается в том, что многие программы пишут программы, которые думают, что это скрыто, и думает, что пользователь не видит этого. Следовательно, во многих случаях не существует скрытых параметров домена для обнаружения и фильтрации, поэтому произошло много несчастных случаев безопасности.3. ТЕГО ТЕКСТРАЦИИ <TEXTAREA>
Этот тег обычно используется для изготовления нескольких строк текстовых полей на веб -странице, чтобы можно было ввести больше текста, и наиболее используется в комментариях статьи.
Его основной синтаксис:
<Textarea name = name rows = value cols = value = value> </textarea>
, свойства, которые он имеет, показаны в следующей таблице.
Свойства тега текстового поля | описывать |
имя | Имя текстового поля |
ряды | Количество строк в текстовых полях |
кольцо | Количество столбцов в текстовых полях |
Ценить | Значение по умолчанию для текстового поля |
Ниже приведен пример, чтобы объяснить это подробно, чтобы каждый мог понять из практики, что это не очень сложно. Конкретный код заключается в следующем:
<html> <head> <title> Демонстрация функции текстового домена </title> </head> <body> Пользовательский опрос <form action = mailto: [email protected] Метод = получить имя = хаха> Доска сообщений: <br> <textarea name = comment rows = 5 Cols = 40> </textarea> <br> <input type = name = field_nam </body> </html>
Сохраните код и измените имя суффикса и откройте его, чтобы увидеть, такое же, как и доска сообщений в Интернете, как показано на (Рисунок 5).
(Рисунок 5)