Формы являются неотъемлемой частью практически любого сайта. Они используются для передачи персональных данных от пользователей, для написания сообщений на форумах, добавления товаров в корзину, обновления блогов - и это только начало перечня!

 
Формы получили широкое распространение в веб-среде, однако, несмотря на это, HTML, по сути, не дает разработчику никаких возможностей выбора визуального оформления, поэтому формы, как правило, отображаются в соответствии с внутренней таблицей стилей броузера. Появление CSS принесло с собой множество способов адресации к элементам форм, и в данной главе мы увидим, для каких из них можно задать собственные стили и зачем это может понадобиться. Кроме того, мы рассмотрим несколько нечасто используемых HTML-тегов и атрибутов форм, которые позволят повысить доступность и юзабилити наших форм; они также могут послужить дополнительными элементами, по отношению к которым можно применять CSS-стили.

 
На протяжении следующих нескольких страниц мы рассмотрим различные методы создания форм - как с помощью таблиц, так и путем позиционирования элементов средствами CSS. По поводу целесообразности разметки форм с помощью таблицы ведутся оживленные дискуссии; моя точка зрения по этому вопросу состоит в следующем: если форма по сути представляет собой таблицу (как в примере с электронной таблицей, который вы найдете в этой главе), то ее структуру вполне естественно было бы отобразить с помощью таблицы. В противном случае ваша форма, скорее всего, будет более доступна для всех категорий пользователей и для альтернативных устройств, если она создана средствами CSS.

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