Основы HTML. Урок №6. Формы, их структура.

Это шестая статья, посвященная, как понятно из заголовка HTML формам.

Начать стоит с тега <form></form> помещая данный тег в тело HTML документа мы сообщаем, что в данном теге находится форма. Важными атрибутами данного тега являются два:

• action - Адрес программы или документа, который обрабатывает данные формы.
• name - Имя формы.

Есть и другие, но я не стал их выделять, в итоге выглядеть добавление формы может следующим образом:

<FORM action="Адрес" name="Имя формы">
</FORM>

Далее я просто перечислю и расскажу отдельно об основных элементах формы.

Тег <input>

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

Ради примера покажу несколько вариантов:

<FORM action="Адрес" name="Имя формы">
<input type="text" />
<input type="radio" name="one" />
<input type="radio" name="one" />
<input type="radio" name="one" />
<input type="submit"/>
</FORM>

Пример на деле:

Тег select

Позволяет создать элемент интерфейса в виде раскрывающегося списка или список множественного выбора.

Пример кода:

<FORM action="Адрес" name="Имя формы">
<select>
<option>Пункт 1</option>
<option>Пункт 2</option>
</select>
</FORM>

Пример на деле:

Тег <textarea> </textarea>
Данный тег создает текстовое поле для ввода множества строк, здесь можно делать переносы строк и они сохраняются при переносе на сервер.

Пример кода:

<FORM action="Адрес" name="Имя формы">
<textarea>
</textarea>
</FORM>

Пример кода на деле:

Вот пожалуй и все теги о которых я хотел рассказать. Более подробную информацию о тегах и их атрибутах можно узнать на специальных сайтах-справочниках.