Формы в html

Форма - это инструмент для отправки куда-либо (на сервер) введённой информации с компьютера пользователя.

Форма начинается с тега

и заканчивается закрывающим тегом
. Тег
может включать в себя следующие атрибуты:

  • action. Указывает тот URL-адрес, куда будут отправлены данные, переданные из формы. По URL-адресу обычно находится программа, которая обрабатывает данные. Также вместо URL можно указать электронный адрес, например:
    action="mailto:[email protected]"
    В этом случае, данные из формы отправятся на электронный адрес [email protected].
  • enctype. Используется для указания метода кодирования данных, передаваемых на сервер. Может иметь 3 значения:
    1. text/plain. Используется для передачи данных по электронной почте.
    2. multipart/form-data. Используется для передачи файлов на сервер со своего компьютера.
    3. enctype="application/x-www-form-urlencoded. Применяется во всех остальных случаях. Является методом кодирования по умолчанию.
  • method. Определяет метод передачи введённой информации. Может иметь 2 значения:
    1. get. Является значением по умолчанию. Передаваемые этим методом данные будут передаваться через графу URL-адреса и будут видимыми для глаз человека, который находится в момент передачи рядом с монитором. Информация находится вместе с адресом в одной графе и отделяется от него знаком "?". Используется для небольших объёмов информации.
    2. post. Этим методом обычно передаются большие объёмы информации. Данные не выводятся в адресную строку браузера, как в предыдущем случае.
  • name. Имя формы. Не является обязательным атрибутом.

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


 
  Пример формы
 
 
  

Форма для написания небольшого ознакомительного письма (личные данные у нас не сохраняются).


  
   Здравствуйте, меня зовут

   


    А это флажок в виде маленького квадратика


   Я веду

   
   образ жизни.


   Также я зареген в контакте, вот кстати мой пароль
   


   Расскажу немного о себе

   


   <input type=file name=filename> Если набрать такой элемент формы, то с домашнего компьютера пользователи смогут загружать файлы на сервер


   

    Я люблю музыку в стиле
    гранж

    рэп

    рок

    хаус

    транс

    альтернатива

   



   
   


   


   Если нажать на машинку, то письмо отправится тоже.   

 

Результат выполнения, расположенного выше html-файла смотри здесь. Соответственно, та веб-страница, на которой много элементов формы, есть результат выполнения нашего текста, а следующая страница (появляющаяся после оправки формы) - это результат простенького сценария, написанного на php. Далее дадим комментарии к находящемуся выше примеру:


2011 год.

<<Предыдущая | В раздел | Следующая>>