О сайте
|
Карта сайта
|
Календарь сайта
|
Содержание
Проекты
Sale Explorer
Internet Office
StatSite
StatMail
StatHttp
StatCall
StatNets
Sourceforge
JsBookmaker
Флаги стран мира
Портфолио
Библиотека
Веб технологии
Теги META
Модуль mod_rewrite
Регулярные выражения PCRE
Браузеры
Поисковые сервера
Язык запросов
Ключевые слова
Примеры
Элементы дизайна
Рамки
Меню
Галереи
Заголовки
Формы
Блог
2007
Главная
//
Элементы дизайна
//
Формы
//
Input с иконкой
Поля ввода с иконками
CSS:
input{ background-color: rgb(255, 255, 255); width:100px; padding-left: 18px; border:1px solid #e0e0e0; } input.user { background-image: url('user_16.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px center; padding-left: 18px; } input.password { background-image: url('user_lock_16.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px center; padding-left: 18px; }
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="example.css"> <title>Example</title> </head> <body topmargin="10" leftmargin="10"> <form action=""> <input class=user value="" name="user" size="25" type="text"><br> <input class=password value="" name="user" size="25" type="password"> </form> </body> </html>
Загрузка:
example.html
example.css
user_16.gif
user_lock_16.gif
Пример:
Совместимость:
Firefox
1.*
2.*
Internet Explorer
6.*
7.*
Opera
9.*
12.02.2007
Формы
CSS форма
Input с иконкой
OptGroup
2006-2024, Roman Shtogrin
