Привет. Если ты чуствуешь, что ты ещё новичок в HTML, то надеюсь, что эта статья покажется тебе интересной.

Сегодня чаще всего я вижу формы, обжатые в таблицу, чтобы легче было выровнять подписи и поля для ввода. Это ужасно!
Checkbox’ы отмечаются только по нажатию на сам checkbox. Это кошмарно!
Давай посмотрим, как можно сделать форму удобной и для себя и для пользователя, тем более, что HTML это всё позволяет.

Как сделать хорошие подписи к input’ам?

В HTML есть такой тэг: label — он предназначен для того, чтобы делать подписи к любого типа инутам.
К примеру, нам нужно сделать стандартную форму анкету:

Имя
Имейл
Пароль

Сделаем так:

	


Объясню что здесь написано.
Как уже говорил выше label используется для подписи. А что за аттрибут for?
for указывает к какому input’у привязана подпись. И, а это очень важно с точки зрения usability, если у соответствующего input’a есть id, который совпадает с for у label, то при клике на label input автоматически получит фокус.

Зачем нужно?

Например, у тебя есть группка checkbox’ов. Представь пользователя, которому нужно отметить кучу галочек, попадая непосредственно по квадратику чек-бокса.
Он (пользователь) тебе будет больше благодарен, если ты дашь ему возможность клацать не по квадратикам, а по тексту-подписи к чек-боксу.

Кроме того, с помощью CSS можно сделать выравнивание формы лучше и удобнее, чем с помощью страниц, об этом в завтрашнем посте.