Как сверстать такую форму для поиска и комментарии?

Question

[nichvlas]

Прошу сильно по голове не бить, обучаюсь только основам верстки и совершенно не понимаю как верстать два эти блока.

Comments

[Дмитрий]

Очевидно, что вы не держите в голове всех нужных свойств и опций, нужных для этого. Или не знаете их вовсе. Тогда изучайте, гуглите. Дедуктивно мыслите... взять поле ввода, поставить текст внутрь, сделать только нижний бордер, наложить кнопку поверх...

Answer 1

[Ankhena]

Надо разобраться, что именно не знаете?

Давайте так, Вы выкладываете свой код на https://jsfiddle.net/ и мы потом разбираемся с конкретными моментами. Так будет правильнее.

Коротко план:
1. <input type="text"><input type="image"> к первому инпуту placeholer и отступ, чтобы влез второй.

2. textarea и placeholder, тень

3. Дальше вроде все просто, border

Answer 2

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

Вот вам ПРИМЕР, как можно сверстать поиск - https://jsfiddle.net/cd3kagef/
(На картинку в Base64 не обращайте внимания, просто удобно было вставить именно так).

А по комментам. Верстать за Вас не буду, задавайте конкретные вопросы.

Вообще, это элементарные основы.
Плохую вы выбрали политику, сразу спрашивать на Тостере.
Так ничему сами не научитесь.