Тег form

Одним из факторов, определяющих успех Интернета, является, несомненно, возможность взаимодействия: возможность подписки на различные типы услуг (например, списки рассылки), но, прежде всего, участия в реальных виртуальных сообществах, таких как форум

Для организации такого рода услуг необходимо каким-то образом собирать пользовательские данные: для этого модули (т.е. формы) используются очень простым способом.

Отправка данных обычно состоит из двух частей:

  • главная страница , которая содержит различные поля формы, которые позволяют пользователю сделать выбор, написать текст, вставить изображение
  • вторичная страница , которая вызывается из основных и принимает на себя обработку и сбор данных. Обычно это страница программирования, расположенная на сервере. Это может быть cgi или asp, php, jsp или другая страница

Мы позаботимся только о главной странице, поскольку то, как она структурирует страницу программирования, выходит за рамки целей данного руководства.

Чтобы создать страницу с формами, вам нужно использовать соответствующий тег <form> : это блочный элемент, такой как <p> , поэтому тег <form> оставляет пробел перед открытием и после закрытия.

<form name = "Data" action = "page.php"> ... </ form>

Если вы не хотите иметь лишнее пространство, вы можете изменить края тега, используя таблицы стилей. С этим простым синтаксисом:

<form name = "Data" style = "border: 0px"  action = "page.php"> ... </ form>

Как видите, «name» используется для обозначения имени формы, «action» указывает на URL программы или страницу ответа, которая будет обрабатывать данные.

Благодаря «action» можно также отправлять данные по электронной почте веб-мастеру (фактически это ссылка на URL-адрес). Код такой:

<form action = "mailto: mail@domainname.ru? subject = object" enctype = "text / plain" method = "POST">

в следующем уроке мы увидим, как конкретно использовать этот синтаксис.

Метод

Когда мы создаем форму, мы можем выбрать два метода отправки: GET и POST .

С помощью метода GET происходит контакт со страницей ответов, и данные отправляются за один шаг. В URL страницы ответа мы можем увидеть все параметры в адресной строке в соответствии с этой формой:

AnswerPage.php?nome=Wolfgang&cognome=Cecchin&datiInviati=prova+sending

данные (в виде имени поля = значение поля ) висят на странице после знака вопроса.

Однако некоторые серверы имеют ограничения в отношении метода GET и не позволяют отправлять формы со значениями, превышающими 255 символов . Поэтому метод GET особенно подходит для форм с небольшим количеством полей и небольшим количеством отправляемых данных. Синтаксис отправки для получения:

<form name = "Usersdata" action = "page.php" method = "GET">

В методе POST данные отправляются в два разных этапа: сначала происходит контакт со страницей на сервере, который должен обработать данные, а затем данные отправляются. По этой причине параметры не отображаются в строке запроса (поэтому, если вы не хотите, чтобы параметры отображались пользователю, этот метод предпочтительнее).

В этом случае нет ограничений на длину символов. Синтаксис:

<form name = "Usersdata" action = "page.php" method = "POST">

Enctype(тип кодировки)

Перед передачей данных на страницу ответов, которая находится на сервере, они кодируются браузером, чтобы не вызывать ошибок (например, пробелы преобразуются в «+»). Обычно нет необходимости указывать, как данные должны быть закодированы, потому что они предназначены для отправки простого текста.

Однако иногда, например, когда необходимо отправить изображение, все же важно четко указать, какие данные мы хотим отправить. Для этого необходимо использовать атрибут «enctype» ( «тип кодирования» ).

Как мы обычно говорили, в этом нет необходимости, поскольку подразумевается синтаксис этого типа:

<form name = "Usersdata" action = "page.php" enctype = "text/plain">

Но в случае отправки изображений мы должны объявить:

<form name = "Usersdata" action = "page.php" method = "post" enctype = "multipart/form-data">

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *