JSFiddle - React, Tailwind, and code Playground

by eget teteete

HTML

<form class="contact-form" method="post" action="/">
  <p class="contact-form-name">
    <label for="name">Имя <span class="required">*</span></label>
    <input type="text" size="30" value="" name="name" id="name" class="form-control" placeholder="Имя" required>
  </p>
  <p class="contact-form-email">
    <label for="email">Email <span class="required">*</span></label>
    <input type="email" size="30" value="" name="email" id="email" class="form-control" placeholder="Email" required>
  </p>
  <p class="contact-form-subject">
    <label for="subject">Тема сообщения<span class="required">*</span></label>
    <input type="text" size="30" value="" name="subject" id="subject" class="form-control" placeholder="Тема сообщения." required>
  </p>
  <p class="contact-form-message">
    <label for="message">Сообщения</label>
    <textarea rows="8" cols="45" name="message" id="message" class="form-control" placeholder="Сообщения: маршрут экскурсии, город для трансфера, вопрос, свое пожелание, другое" required></textarea>
  </p>
  <p class="contact-form-submit vertical-margin-30">
    <input type="submit" value="Отправить" id="contact_form_submit" name="contact_submit" class="theme_btn">
  </p>
</form>