How to make such a form?

Question

css

How to make a similar form? I was just making a website and ran into a problem that I could not make such a form work.

Answer 1

label {
  font-weight: 100;
  width: 100%;
  display: block;
}
input, textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid black;
}

Answer 2

There are a lot of such forms on the Internet, try to google "html css php ready-made feedback forms".
For example, I found the first site I came across, there is this code

<form method="post" action="mail.php">
 
   <div class="left">
      <label for="name">Имя:</label>
      <input maxlength="30" type="text" name="name" />
 
      <label for="phone">Телефон:</label>
      <input maxlength="30" type="text" name="phone" />
 
      <label for="mail">E-mail:</label>
      <input maxlength="30" type="text" name="mail" />
   </div>
 
   <div class="right">
      <label for="message">Сообщение:</label>
      <textarea rows="7" cols="50" name="message"></textarea>
 
      <input type="submit" value="Отправить" />
   </div>
 
</form>

From this site - https://vaden-pro.ru/blog/php/forma-obratnoy-svyazi-php
If you need any help, explain, etc., write in the comments.