О сайте
|
Обратная связь
|
Карта сайта
|
Календарь сайта
|
Содержание
Проекты
Sale Explorer
Internet Office
StatSite
StatMail
StatHttp
StatCall
StatNets
Sourceforge
JsBookmaker
Флаги стран мира
Портфолио
Библиотека
Веб технологии
Теги META
Модуль mod_rewrite
Регулярные выражения PCRE
Браузеры
Поисковые сервера
Язык запросов
Ключевые слова
Примеры
Элементы дизайна
Рамки
Меню
Галереи
Заголовки
Формы
Блог
2007
Главная
//
Элементы дизайна
//
Формы
//
CSS форма
CSS форма
CSS форма
CSS:
.testform p { width: 300px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; border-bottom: 1px dotted #808080; } .testform label { font-weight: bold; float: left; margin-left: -150px; width: 150px; } .testform input.text { width: 250px; } .testform textarea { width:250px; height:150px; } .testform div.submit { margin-top: 10px; margin-left: 150px; } /*IE BAG*/ * html .iefix { margin-left: 3px; }
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 class="testform" action=""> <p> <label for="user">Èìÿ</label> <input class="text" type="text" value="" id="user"/> </p> <p> <label for="email">Email</label> <input class="text" type="text" value="" id="email"/> </p> <p> <label for="comments">Êîììåíòàðèé:</label> <textarea id="comments" rows="3" cols="25"></textarea> </p> <p> <label for="sex">Ïîë:</label> <input type="radio" name="sex" />Æåíñêèé:<br/> <input type="radio" name="sex" class="iefix"/>Ìóæñêîé: </p> <p> <label for="subscribe">Ïîäïèñêà:</label> <input type="checkbox" name="subscribe" /> Íîâîñòè<br/> <input type="checkbox" name="subscribe" class="iefix" /> Íîâûå òîâàðû <br /> </p> <div class=submit> <input type="submit" value="Çàïèñàòü" /> </div> </form> </body> </html>
Загрузка:
example.html
example.css
Пример:
Совместимость:
Firefox
1.*
2.*
Internet Explorer
6.*
7.*
Opera
9.*
20.02.2007
CSS форма
Input с иконкой
OptGroup
2006-2008, Roman Shtogrin