Материалы с тегом «верстка форм»

Кроссбраузерное отображение input и textarea
Максимально одинаково оформляем поля ввода форм input и textarea.
Кроссбраузерный button
О том как оформить кнопку (тег button) под разные браузеры.
Нестандартные checkbox
Обычные чекбоксы практически не поддаются изменению внешнего вида — ни размеры, ни бордюры, ни фон, ни тем более цвет и вид галочки изменить нельзя (по крайней мере кроссбраузерно). Задача — научиться менять вид чекбоксов, т.к. довольно часто приходится на практике с этим сталкиваться.
Нестандартные radio
Переключатели radio практически не поддаются изменению внешнего вида — ни размеры, ни бордюры, ни фон, ни тем более цвет и вид точки изменить нельзя (по крайней мере кроссбраузерно). Задача — научиться менять вид радиобатонов, т.к. довольно часто приходится на практике с этим сталкиваться.
Нестандартные поля выбора файла
О том как придать стильный вид полям выбора файла.
Нестандартные текстовые поля
О том как верстать красивые (нестандартные) текстовые поля. Рассмотрены варианты как статических полей, так и резиновых.
Отступы в кнопках в IE6-7
Если ширина кнопки (input[type=submit], button) не задана явно в CSS и зависит от надписи на кнопке, то IE6-7 расставляет левый и правый padding по своему усмотрению. Давай отучим его от этой привычки!
Резиновая кнопка для формы
О том как сделать резиновую по ширине кнопку для формы.
Селекторы атрибутов [type=...] в ИЕ6
Учим понимать IE6 селекторы атрибутов [type=...] с помощью expression.
Событие onblur
Событие onblur возникает, когда элемент теряет фокус при навигации табуляцией или щелчком мыши.