Формы в html

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

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

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

• . Как вы уже догадываетесь, с этой строчки начинается сама форма. Запись action="test.php" обозначает, что данные из формы передадутся программе test.php. Затем она (программа) эти данные обработает и выдаст результат в виде веб-страницы. Данные будут переданы методом post, это видно из записи method=post.
• . С тега начинаются практически все элементы формы и этот элемент не является исключением. С помощью атрибута type определяется тип формы. type=text обозначает, что этот элемент формы будет текстовым полем для ввода данных (высота поля равна одной строке). Атрибут value задаёт надпись, которая будет находиться в текстовом поле по умолчанию (вместо неё можно написать свою). Атрибут size определяет длину поля (в нашем случае 25 символов). С помощью атрибута name задаётся имя или название элемента формы. Значения атрибутов type и name здесь указываются без кавычек, так как содержат всего одно слово на английском языке. Если бы слова было два, то значения этих элементов были бы указаны в кавычках. Значение атрибута value указывается в кавычках, так как там находится слово на русском языке, хоть и одно.
• . type=checkbox обозначает тип формы - флажок в виде маленького квадратика. value='не' - если флажок помечен галочкой, то результатом этого будет слово не, если галочка отсутствует, то значение этого элемента будет пустым. Атрибут checked указывает на то, что флажок помечен галочкой.
• 
   активный
   тупой
   весёлый
   приятный
   ленивый
  
  Во-первых, этот элемент формы не начинается с тега . создаёт открывающийся список c названием life. Для тега существуют дополнительные атрибуты.
  • align=left|right|center. Выравнивание элемента по левому краю|центру|правому краю.
  • multiple. Позволяет из списка выбрать несколько элементов.
  • size. Задаёт количество видимых элементов списка, до нажатия на стрелочку, по умолчанию size=1.
  Каждый атрибут списка начинается с тега и заканчивается закрывающим тегом . Атрибут value, задаёт значение элемента, которое будет отправлено программе (а затем ей обработано) или по почте. Текст, который находится между метками ... виден пользователю, но никуда не отправляется. Атрибут selected указывает на то, что по умолчанию будет выбран этот элемент. Тегом элемент с "кодовым" названием открывающийся список закрывается.
• . Здесь создаётся текстовое поле для ввода пароля. Текст, набранный на клавиатуре, будет отображаться в виде точек.
• . Тег </strong> задаёт большое текстовое поле для ввода информации. Атрибут <em>cols</em> задаёт ширину текстового поля (измеряется в количестве символов одной строки), а <em>rows</em> задаёт высоту поля (количество строк). С помощью элемента <em>wrap</em> устанавливается пренос элементов на следующую строку. Ниже запишем значения для атрибута <em>wrap</em>. <ul> <li> <em>wrap=virtual</em>. Указывает, что текст в поле формы будет автоматически переноситься на другую строку при печатании с клавиатуры, однако, данные из формы передадуться программе-обработчику или по электронной почте в виде одной большой строки (без переносов).</li> <li> <em>wrap=physical</em>. Текст будет переноситься на другую строку не только в поле формы при наборе его с клавиатуры, но и придёт на удалённый сервер в том же виде.</li> <li> <em>wrap=off</em>. Текст не будет автоматически переноситься на следующую строку формы (будет переносится только в том случае, если пользователь будет сам его переносить нажатием клавиши ENTER). Также текст отправиться на сервер в том виде, в каком был набран с клавиатуры (со всеми пробелами и переносами строки).</li> </ul>Если между тегами <em><textarea>... напечатать что-нибудь при задании формы, то это автоматически будет отображаться в поле формы, правда может быть заменено на другую запись пользователем.
• . Таким образом задаётся форма для загрузки данных на сервер.
• ...
  . Всё, что находится между этими тегами, обводится в рамку (ипользуется только для форм!!!).
• ...
  . Всё, что находится между этими тегами, является заголовком рамки.
• гранж
  
  рэп
  
  рок
  
  хаус
  
  транс
  
  альтернатива
  
  Это группа радиокнопок. У всех этих радиокнопок одинаковое имя (название). Это означает, что из всех вариантов радиокнопок можно выбрать только одну, значение (value) которой будет передано на указанный URL-адрес. Как и в элементе формы checkbox, здесь тоже можно указать атрибут checked.
• . Этот элемент создаёт кнопку для отправки данных. В атрибуте value указывается то, что будет написано на самой кнопке.
• . Этот элемент формы создаёт кнопку для отмены отправки данных на сервер и удаления всей написанной пользователем информации в форме.
• . Создаётся кнопка для отправки данных в виде рисунка, где src - путь к рисунку.
• . Этим тегом форма закрывается.