Информационная лента
Чат


Загрузка данных...

Необходимо авторизоваться!

Свежие обсуждения


Загрузка данных...

Топ активов

  • 1 · Посты: 3244 · Репутация: 187
  • 2 · Посты: 3194 · Репутация: 333
  • 3 · Посты: 2321 · Репутация: 1319
  • 4 · Посты: 1613 · Репутация: 373
  • 5 · Посты: 1424 · Репутация: 359

Форум
  • Страница 1 из 1
  • 1
Форум » uJS.su » Идеи скриптов » Модифицируем поле для ввода
Модифицируем поле для ввода
Оффлайн
WaRrOcK · Написал: 68 сообщений · Репутация: 60 · Группа: «Разработчик»
Как сделать так, что бы внутри поля для ввода была поверх него картинка как на скрине ниже?

21.03.2013, в 15:13 | # 1 · | Понравилось: 0

Оффлайн
HeadMad · Написал: 46 сообщений · Репутация: 51 · Группа: «Проверенный»
Примерно:
Код
<style>
.searchBlock {
  display: inline-block;
  width: 400px;
  position:relative
}

.searchRequest {
  box-sizing:border-box;
  height: 30px;
  width: 100%;
  padding:0 30px 0 10px;
  border:1px solid #ccc;
}
.searchReset {
  background:#CCC url(/img/reset.png);
  border:0;
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
}
</style>

<form>
<div class="searchBlock">
<input class="searchRequest" type="text" placeholder="Поиск..."><input class="searchReset" type="reset" value="">
</div>
<input type="submit" value="Найти">
</form>
Стили можешь настроить как нравится.
А вообще, если к полю ввода запроса поставить type="search", то в webkit Браузерах автоматически будет появляться синий крестик для удаления запроса. Но это- самый простой и самый универсальный способ, как мне думается))
21.03.2013, в 20:01 | # 2 · | Понравилось: 0

Оффлайн
Ameliia · Написал: 2 сообщения · Репутация: 0 · Группа: «Starter»
You know your forum is not about that, but I'm watching you for a long time and decided to register.
Well, to write...

I will write at Once-I want to meet a decent man!
My name is Alena, not married, I'm 27 years old and I'm from Moscow.

http://wooow.ml/99098
26.02.2019, в 15:36 | # 3 · | Понравилось: 0

Оффлайн
AlexRog · Написал: 21 сообщение · Репутация: 0 · Группа: «Starter»
ДРЕВТОРГ WOODTRADE

Здравствуйте, уважаемые дамы и господа!

Приглашаем Вас посетить онлайн рынок деревопродукции ДРЕВТОРГ WOODTRADE

на нашем портале Вы можете размещать неограниченное количество объявлений, фото, видео Вашей продукции,

также читать и рассматривать медиа-материалы других участников сети, посылать им сообщения и общаться по чату

будем рады видеть Вас членами нашего сообщества

с уважением

администрация портала
желаем удачно продать мебель, пиломатериалы, и другую продукцию

ДРЕВТОРГ WOODTRADE

http://drevtorg.ning.com/
04.03.2019, в 21:29 | # 4 · | Понравилось: 0

Форум » uJS.su » Идеи скриптов » Модифицируем поле для ввода
  • Страница 1 из 1
  • 1
Поиск:
uJS.su - сайт, посвященный уникальным разработкам для системы uCoz. У нас Вы найдете десятки готовых интересных уникальных решений для Вашего сайта, а также сможете оставить свою идею, которую мы постараемся реализовать.