Самоучитель по HTML, Формы в ХТМЛ.

HTML-Формы служат для отправки данных(имен и значений переменных) в скрипты(сценарии) и так далее...
Сразу хочу вас огорчить HTML - это не скриптовый язык и ни каких сценариев не выполняет, а всего лишь разметка текста и других объектов, так что если вы создадите форму и отправите данные и ни чего не произойдет это нормальная реакция. Обрабатывать эти данные могут только скриптовые языки, такие как PHP, PERL, javascript и т.д. Но в конце урока немного вас вознагражу, сделаем пару готовых решений...
Формы вводятся в HTML-документ при помощи тега-контейнера <form></form>

       <html>
       <head>
       <title> формы</title>
       </head>
       <body>
       <form>
          * * *
       </form>
       </body>
       </html> 

<form action="form.php" method="post" name="form1" enctype="text/plain">
тег form принимает следующие атрибуты:
action имя и путь файла который получает эти данные.
method метод отправки даных post - скрыто,get - открыто, если внимательно посмотрите на свой браузер, то увидите такую строку:
http://www.alexgrad.org.ua/html.php?html=17 Что-бы дальше вам было все понятно разберем мой адрес: http://www.alexgrad.org.ua/ это адрес моего сайта, html.php это файл который вы просматриваете, а вот знак вопроса говорит о том, что дальше идут данные, html - это имя переменной а "17" значение этой переменой. Так вот если моя страница получает переменую html с значение 17, то этот файл понимает, что вы хотите получить урок №17. Весь сценарий выполняется на сторонне сервера, а вы получаете только html. Так вот, о методах отправки данных с форм, если вы видите в адресе знак вопроса и данные то, этот метод get а если нет то post
name это не обязательный атрибут служит для индефикации(защиты от взлома и спама).
enctype формат отправки данных, в моем примере текст, есть и другие форматы но о них вы узнаете из других источников, так как не в ходит в html. Единственный тип будет полезен это enctype="multipart/form-data", этот за даете если ваша форма предусматривает загрузку файлов на сервер.

Cледующим этапом в этом уроке будет изучение полей ввода для форм.
<form>
поля ввода
</form>

1)Текстовое поле:
<input type="text" name="text" value="Поле Ввода" size="15" maxlength="5">

input поле ввода
type тип поля тект ,
name имя переменой,
value значение переменной, для этого поля, не обязательное, только в тех случаях если вы хотите что-бы там загружался какой-то текст,
size размер, колличество букв, по умолчанию 20, задается в тех случаях если вам нужно поле более или менее 20 символов.
maxlength максимальное колличество букв, представте, если кто-то прикольнется и разместит в вашей гостевой книгу "Война и мир". Попробуйте в моем поле добавить еще или стереть и ввести более 5 символов.

2) Поле для ввода паролей:
<input type="password" name="password" value="password" size="10" maxlength="10">

Все атрибуты те-же, за исключением типа type="password". Отличается тем, что символы не отображаются на мониторе.
А вот атрибут maxlength, я прописал значение=10. Это не правильно, самая большая длина допускается 32 символа

3) скрытые поля:
<input type="hidden" name="hidden" value="Скрытое значение" >
Используется для скрытия даных. Пример если вы партнер интернет-магазина то в эти поля вставляете свой индификатор.

4) Кнопки:
Описание действия 1
<input type="checkbox" name="check1" value="true"> Описание действия
Описание действия 2
<input type="checkbox" name="check2" value="true">
Описание действия 3
<input type="checkbox" name="check3" value="true">
Кнопки служат, для потвеждения выбора, часто можно встретить на страницах регистраций. Каждая кнопка не зависит от другой и вы можете как включить так и выключить каждую в отдельности.
Обратите внимание, что все имена разные а значения одинаковы. значения могут принимать только "yes", "true", "1"и более или любой текст, ни когда не ставте значения: "now" "false" "ноль" и или отрицательное число, т.к. эти значения означают. что значений нет(правда есть исключения).
А я вас жду на следущем уроке.


Перейти к выбору следующей страницы