Работа с тегами HTMLЯ уже рассказал немного о формах тега input (вот первая и вторая статьи). Особого значения нет, в каком порядке учить эти теги, просто я опубликовал статьи в порядке популярности тегов и форм. Вы можете начать учить формы тегов с этой статьи и продолжить статьями казанных выше. Дабы избежать «каши» советую все же учить по порядку.

Для закрепления материала, советую посмотреть и разобраться с тегами и создать html страницу со всеми пройденными формами и тегами и проиграться с атрибутами. Это поможет вам запомнить, какие теги, какие формы имеют. Соответственно вы запомните, какие атрибуты имеются у различных форм, так как это неотъемлемая часть разработки любых сайтов. Особенно если вы решили делать сайт с нуля. Сегодня рассмотрим два тега, которые также необходимы для создания сайта: textarea и select.

Тег textarea

Фактически суть у тега та же, что и у формы text. Отличие заключается в том, что если обычная текстовая форма позволяет писать только в одну строку, то textarea позволяет использование множества строк при этом есть поддержка скроллинга. Сам тег и его атрибуты:

 <textarea cols=20 rows=10 wrap=virtual >Привет! Это текст!</textarea> 

Как вы можете видеть, тег textarea парный закрывающийся тег. А слова между этим тегом и будут изначально в форме. Рассмотрим атрибуты:

  • cols – это ширина поля (отсчет идет по символам)
  • rows – это высота поля (отсчет идет по строкам)
  • wrap – это тип поля, которых может быть три. Virtual – при указании такого типа, слова которые вы вводите будут переноситься автоматически, при этом будет появляться полоса скроллинга справа. None – при выборе такого типа символы не будут переноситься автоматически на следующую строку. Будет лишь появляться полоса скроллинга, как и по вертикали, так и по горизонтали. Physical – этот тип зависит от реализации его отображения в браузере, но обычно он похож на тип none.

Подобно форме text, данный тег передает сценарию на сервере информация вида имя=текст.

Тег списка select

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

 <select name=form1 size=1 >
 <option value=значение selected>Элемент списка</option>
 <option value=значение>Элемент списка</option>
 <option value=значение>Элемент списка</option>
 <option value=значение>Элемент списка</option>
 </select> 

Тег требует закрытия, но при этом элементы <option> можно и не закрывать. Кстати, именно они и есть строки в списке. Если установить атрибут selected элементу <option>, то этот элемент будет выбран изначально.

Атрибут multiple заданный тегу select, создаст возможность сделать список множественного выбора. Но тут есть один нюанс. Атрибут size (размер) со значением 1 создает список выпадающий, но при этом перестает работать, если указан атрибут multiple.