Как сделать такую форму?

Question

[Александр Зелицкий]

Всем привет, подскажите пожалуйста как сделать такое поле для ввода? Интересует именно строка где вводить емайл и кнопка отправки справа

Comments

[Виталий Першин]

А в чем проблема? Покажите свой код. Что вы уже пытались сделать?

[Александр Зелицкий]

Виталий, я вообще не знаю как сделать эту строчку. Я недавно начал версткой заниматься. Окошко это сделал а вот строчку не могу. Даже не знаю что писать

[Виталий Першин]

Александр Зелицкий, https://html5book.ru/pole-poiska-dlya-sayta/

Answer 1

[Anton Polyakov]

- создаём блок
- задаём ему ширину, высоту, display: flex, border-radius
- внутрь него пропихиваем input type="text" placeholder="Enter your email" и блок, который будет кнопкой
- задаём для input размер height: 100% width: 70%. Для блока с кнопкой соответственно 100 и 30%
- цвета, картинка внутри кнопки, cursor: pointer на кнопку. Вроде всё