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

Question

[Denis]

Добрый день ,
Кто может помочь/обьяснить как стилизовать данную форму отправки ?

Comments

[Rustam Bainazarov]

Так же, как и всё остальное вы верстаете. В чём конкретно заключается проблема?

[Никита]

А что конкретно вас интересует? Как сделать подчеркивание каждой строки у textarea? Или что?

[Denis]

Никита Пурыга, Да как сделать везде вот такие линии .

[Алекс Глебов]

https://codepen.io/search/pens?q=material+input
https://codepen.io/search/pens?q=file+input

линии в textarea это косяк дизайна, оставьте одну в низу

[Denis]

Алекс Глебов, Так и думал , спасибо .

[Rustam Bainazarov]

Denis, Алекс Глебов, да не совсем косяк, это ведь достаточно просто делается с помощью градиента на фоне.

Answer 1

[Extremum]

- Задать бордеры инпутам согласно макету
- Верхним и боковым бордерам задать ширину 0
- Найти полный список префиксов для стилизации плейсхолдеров
- На хабре есть хорошие статьи по стилизации поля загрузки файлов, легко можете найти
- Для textarea можно использовать этот мануал https://line25.com/tutorials/how-to-build-a-handwr... или просто сделать его прозрачным, внутри блок в котором подчеркивания сделать стилями и с помощью line-height отрегулировать высоту и отступы строк.