JSFiddle - React, Tailwind, and code Playground

by Renilson Meneguci

HTML

<div class="contact">
    <form method="post" enctype="multipart/form-data" action="#" id="image-form">
      <div class="col-md-3">
        <select>
          <option value="title">Title</option>
          <option value="mr">MR</option>
          <option value="mrs">MRS</option>
          <option value="ms">MS</option>
          <option value="dr">DR</option>
        </select>
        </div>
        <div class="col-md-6"
        <input type="text" name="fname" placeholder="First Name" class="default" msg="Error for First name">
        <span class="error"></span>
        </div>
    <div class="col-md-3">
        <input type="text" name="lname" placeholder="Last Name" class="default" msg="Error for Last name">
        <span class="error"></span>
      </div>
      <div class="col-md-12 email">
        <input type="text" name="email" placeholder="Email Address" class="default" msg="Please enter a valid email">
        <span class="error"></span>
      </div>
      <div class="col-md-12">
        <input id="submit" type="submit" value="Submit">
      </div>
      <span class="clear"></span>
    </form>
  </div>