Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как задать фон полю формы?
 
 автор: Mookapek   (03.09.2008 в 23:46)   письмо автору
 
 

На многих сайтах видел цветные поля формы и захотелось узнать как это делается.
Среди атрибутов и свойств CSS тега <input> ничего подходящего не нашел.
Подскажите, пожалуйста, как делается.

  Ответить  
 
 автор: DDK   (03.09.2008 в 23:52)   письмо автору
 
   для: Mookapek   (03.09.2008 в 23:46)
 

плохо искали.

style="background: Url(путь_к_картинке);"

  Ответить  
 
 автор: cheops   (04.09.2008 в 12:23)   письмо автору
 
   для: Mookapek   (03.09.2008 в 23:46)
 

Для этого можно задать цвет либо в свойстве background
background: #d4d4d4;

либо в background-color
background-color: #d4d4d4;

  Ответить  
 
 автор: Mookapek   (06.09.2008 в 20:12)   письмо автору
 
   для: cheops   (04.09.2008 в 12:23)
 

Спасибо! А какие ещё есть свойства для оформления формы?

  Ответить  
 
 автор: PAT   (06.09.2008 в 21:45)   письмо автору
 
   для: Mookapek   (06.09.2008 в 20:12)
 

>...какие ещё есть свойства..?

Да какие угодно.
<INPUT> в этом плане НИЧЕМ не отличается от, например, <DIV> или <SPAN>.

  Ответить  
 
 автор: Mookapek   (06.09.2008 в 23:37)   письмо автору
 
   для: PAT   (06.09.2008 в 21:45)
 

А ещё я видел овальные формы, как это сделано?

  Ответить  
 
 автор: PAT   (07.09.2008 в 00:58)   письмо автору
 
   для: Mookapek   (06.09.2008 в 23:37)
 

Например, можно сделать картинкой с овальными бордерами, поверх которой отпозиционирован <INPUT> того же фона, что и картинка, и без бордеров.

Или можно <INPUT> без бордеров вставить в центр таблицы из трех строк и трех колонок, а в крайние восемь ячеек поместить соответствующие рисунки, чтобы сфомировать овальный бордер.

Вариантов "сделать овальность" много.
Но это - не "чистый" CSS. Это "смесь" стилей и картинок.

В общем, давайте ссылку с "овальностью" в студию - посмотрим, скажем - как сделано в данном конкретном случае.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования