Как сверстать такой поиск?

Question

[freeman0204]

Есть такой поиск screenshot.ru/181b5637e6ddf9e02da5ac471f8f46c3
Вот мой код codepen.io/anon/pen/LpjGyY
Там где обведены иконки это множественные фоны для input?
А блок что обведен зеленным это блок select с левым и правым бордером?

Answer 1

[Сергей Горячев]

Да, только стрелка это submit. В принципе, вот тоже самое, только не в таком виде, как у вас - screen.webirus.ru/2015-10-11_192442.png
Свои стили просто сделайте для input'ов и select'а. Стилизация форм

Мой вариант - https://jsfiddle.net/webirus/opdqch9e/1/

Comments

[freeman0204]

Типа это submit?jquery.page2page.ru/index.php5/%D0%9E%D0%B1%D1%80%...

[Сергей Горячев]

Артур Черешнюк: да не, выразился неправильно. Кнопка: input type="submit"

[Сергей Горячев]

https://jsfiddle.net/webirus/opdqch9e/1/ вот еще вариант. Без стилизации полной.

[freeman0204]

Sergey Goryachev: Спасибо.

Answer 2

[Ivanq]

Я сделал бы как-то так: jsfiddle.net/Ivanq/j4a01ry7

Comments

[Curly Brace]

текст может уехать под select) не порядок)

[Ivanq]

Curly Brace: пожалуйста: jsfiddle.net/Ivanq/j4a01ry7/1

[Curly Brace]

Ivanq: збс))

[Ivanq]

Curly Brace: или даже так jsfiddle.net/Ivanq/j4a01ry7/2