Материалы с тегом «верстка форм»
-
cuSel — нестандартные select на jQuery
Cusel — новая, более быстрая, легкая, простая и мощная версия плагина для реализации нестандартных select.
-
cuSel 2.2 — update нестандартных select
Произошел апдейт плагина cuSel до версии 2.2. Добавлены возможности + устранены некоторые баги.
-
cuSel 2.2.1 — очередной апдейт плагина
Произошел апдейт плагина cuSel до версии 2.2.1.
-
cuSel 2.3 — update нестандартных select
Исправлены некоторые ошибки и дополнены некоторые функции.
-
cuSel 2.3.5 — update
Несколько фиксов багов в плагине.
-
cuSel 2.4 — bug fix and update
Пофиксена пара багов при работе с клавиатурой, а так же упрощен механизм с Z-слоями.
-
cuSel 2.4.1 — bug fix
Пофиксен баг с прокруткой к активному элементу при первом раскрытии списка.
-
cuSelMultiple — список с возможностью множественного выбора на jQuery
cuSelMultiple — jQuery-плагин для стилизации select multiple.
-
cuText — нестандартный textarea на JQuery
cuText — плагин, реализующий нестандартное оформление textarea
-
HTML формы. Взгляд через призму семантики.
Формы верстают по разному: таблицами, блоками, списками или смешано. Но какой из этих способов будет правильным с точки зрения семантической верстки?
-
Атрибут disabled
HTML атрибут disabled:этот булев атрибут делает ЭУ недоступным для пользователя
-
Атрибут enctype
HTML атрибут enctype:задает тип содержимого, используемый для отправки формы на сервер
-
Атрибут id
HTML атрибут id:присваивает элементу имя, уникальное в пределах данного документа
-
Атрибут maxlength
HTML атрибут maxlength определяет максимальное число символов, вводимых пользователем
-
Атрибут method
HTML атрибут method задает метод HTTP передачи кодированных данных серверу
-
Атрибут multiple
HTML атрибут multiple сообщает браузеру отображать содержимое элемента select как список множественного выбора
-
Атрибут name
HTML атрибут name определяет имя экземпляра апплета, якоря ссылки, карты изображений и т.д.
-
Атрибут readonly
HTML атрибут readonly определяет, может ли элемент быть изменен пользователем
-
Атрибут rows
HTML атрибут rows задает пропорции строк
-
Атрибут selected
HTML атрибут selected определяет, какая из опций предустановлена
-
Атрибут size
HTML атрибут size определяет высоту линии, размер шрифта, ширину ЭУ
-
Атрибут tabindex
HTML атрибут tabindex определяет позицию элемента в порядке табуляции в текущем документе
-
Атрибут target
HTML атрибут target определяет имя фрейма, в котором будет открыт документ.
-
Атрибут title
HTML атрибут title предоставляет информативные данные об элементе, в котором он содержится.
-
Атрибут type
HTML атрибут type определяет тип содержимого в зависимости от контекста
-
Атрибут value
HTML атрибут value определяет значение элемента формы, пункта списка, значение кнопки, параметра.
-
Блочная верстка форм
О том как можно верстать блоками формы любой сложности.
-
Кроссбраузерное отображение 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 возникает, когда элемент теряет фокус при навигации табуляцией или щелчком мыши.
-
Событие onchange
Событие onchange возникает, когда элемент управления формы меняет свое значение.
-
Событие onreset
Событие onreset возникает при «очистке» формы.
-
Событие onselect
Событие onselect возникает, когда пользователь выделяет какой-либо текст в текстовом поле.
-
Событие onsubmit
Событие onsubmit возникает при отправке формы.
-
Тег button
HTML тег button создает на форме кнопку.
-
Тег fieldset
HTML тег fieldset предназначен для группировки элементов формы.
-
Тег form
HTML тег form создает форму на странице. Форма применяется для обмена данными между пользователями и сервером.
-
Тег input
HTML тег input позволяет создавать элементы интерфейса: кнопки, текстовые поля, переключатели и флажки.
-
Тег isindex
HTML тег isindex создает однострочное окно для ввода текста.
-
Тег label
HTML тег label позволяет связать элемент интерфейса на форме с текстовой надписью и задать горячие клавиши.
-
Тег legend
HTML тег legend определяет заголовок для элементов форм, сгруппированных в контейнере тега fieldset.
-
Тег optgroup
HTML тег optgroup тег-контейнер для тегов option. Объединяет их в группу.
-
Тег option
HTML тег option задает отдельную строку списка в теге select.
-
Тег select
HTML тег select — тег-контейнер, для тегов option, создает элемент выбора значений.
-
Тег textarea
HTML тег textarea — тег-контейнер, определяет многострочное поле для ввода.
-
Текст в поле type=»password»
Делаем читаемым слово «пароль» в поле type=»password» — кроссбраузерно, семантично, с учетом функции браузера «Запоминание пароля»
-
Убираем отступы у checkbox и radio
Как кроссбраузерно убрать отступы вокруг input type=chekcbox и input type=radio.
-
Убираем пунктирную рамку вокруг элементов в фокусе
Убираем пунктирные рамки вокруг ссылок, кнопок, чекбоксов, радиобатонов во время фокуса. Рассмотрим методы на CSS и на Javascript.
-
Ширина поля input type=file в Firefox
О том как задать ширину для полей выбора файла.