воскресенье, 23 ноября 2008 г.

Оформление обязательных полей

Обычно формы для регистраций выглядят как-то так:

Как бы быстренько оформить поля в формах, обязательные для ввода?

Задание: добавить красную звёздочку (*) после имени поля.
Решение, основывающееся на CSS2:
Допустим все required поля имеют класс "required", тогда необходимо добавить стиль:
.requred:after
{
content: "*";
color: red;
font-size: 2em;
}

Вот и всё :) 
Стоит лишь добавить, что линейка не-браузеров IE плевало на рекомендации W3C и в них, к сожалению, этот пример не работает.

Комментариев нет: