Курс HTML5, CSS3, SEO, Wordpress и Photoshop

Тэги для ввода данных

Для того чтобы на сайте работала система комментирования, пользователи вводили свои данные, покупатели интернет магазинов отправляли онлайн заявки, в HTML существуют тэги для ввода данных.

Тэг input

Тэг input нужен для ввода строковых данных, синтаксис этого тэга таков:

<input type = "text" size = "40" name = "imya" >

А вот результат:

У этого тэга атрибут size это размер поля ввода, type задает функциональность поля ввода, в примере стоит text, это значит что возможен ввод текста, а name служит для метки поля ввода (если будет отправка нескольких полей ввода, то можно поставив разные name для разных полей отделить данные каждого поля, при этом можно давать любые имена для name).

Тэг textarea

Тэг textarea похож на поле ввода input, за тем исключением что этот тэг выводит не одну строку а несколько строк.

Синтаксис этого тэга таков:

<textarea rows="10" cols="45" name="polevvoda"></textarea>

А вот результат:

У этого тэга атрибут rows это количество строк в поле ввода, cols задает количество столбцов в поле ввода, а  name имеет такое же значение как для тэга input.

Тэг form

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

<form action="adres stranicy" method="post">

<input type="text" name="odin">

<input type="text" name="dva">

<textarea rows="10" cols="45" name="polevvoda"></textarea>

<input type="submit" value="Отправить">

</form>

Вот результат этого кода:

Атрибут action показывает конечный адресат отправки данных, то есть ту страницу, где расположен скрипт (такие скрипты не входят в HTML, они изучаются отдельно) обработки введенных данных.

А атрибут method показывает метод отправки данных, в формах почти всегда используют значение post (более подробную информацию читайте в любых курсах PHP).

Замечание о вставке в тэг form

Подобным методом можно вставлять в тэг form любое количество полей input и textarea:

<form action="adres stranicy" method="post">

...

сюда вставляете любое количество тэгов input и (или) textarea

<input type="submit" value="Отправить">

</form>

Атрибут type тэга input

Атрибут type тэга input может принимать значения — text (для ввода текста), button (для кнопки), file (для загрузки файлов), checkbox (для флажков выбора), password (для скрытого ввода данных), reset (для очистки введенных данных), radio (для переключателя).