search-panel

[Кнопа]

Всем привет!Посоветуйте,как сделать вот такую панель поиска. http://prntscr.com/90px85

<div class="search-panel">				 <form action="#" method="#">                    <input type="text">                    <button type="submit"> <i class="fa fa-search"></i></button>                </form></div> 

Делаю так,не получается

Edited November 9, 2015 by Кнопа

[Mozzie]

Выложи в песочницу, что именно не получается без стилей тебе ничего сказать не могу.

По html всё правильно только сказал бы что лучше использовать type="search".

[Кнопа]

Выложи в песочницу, что именно не получается без стилей тебе ничего сказать не могу.

По html всё правильно только сказал бы что лучше использовать type="search".

https://jsfiddle.net/kLwq8hrr/2/

только иконка почему то не отображается.Подключила для иконки font-awesome. Нашла вот такое решение. Правильно ли сделала?

[Mozzie]

button остаётся submit, <input type="text"> лучше заменить на <input type="search">. http://htmlbook.ru/samhtml5/formy/pole-dlya-poiska

[Кнопа]

button остаётся submit, <input type="text"> лучше заменить на <input type="search">. http://htmlbook.ru/samhtml5/formy/pole-dlya-poiska

поняла!)а в остальном как?

[Mozzie]

поняла!)а в остальном как?

Всё хорошо, можно еще placeholder добавить.