JSFiddle - React, Tailwind, and code Playground

by Orthodocstation

HTML

<form id="myForm" action="send.php" method="post" class="p-5 bg-white">

          <div class="row form-group">
            <div class="col-md-6 mb-3 mb-md-0">
              <label class="text-black" for="fname">First Name</label>
              <input type="text" id="fname" class="form-control rounded-0" name="name">
            </div>
            <div class="col-md-6">
              <label class="text-black" for="lname">Last Name</label>
              <input type="text" id="lname" class="form-control rounded-0" name="lname">
            </div>
          </div>

          <div class="row form-group">
            
            <div class="col-md-12">
              <label class="text-black" for="email">Email</label> 
              <input type="email" id="email" class="form-control rounded-0" name="email">
            </div>
          </div>

          <div class="row form-group">
            
            <div class="col-md-12">
              <label class="text-black" for="number">Phone Number</label> 
              <input type="tel" id="clv-number" class="form-control rounded-0" name="phone">
            </div>
          </div>

          <div class="row form-group">
            <div class="col-md-12">
              <label class="text-black" for="message">Message</label> 
              <textarea name="msg" id="message" cols="30" rows="7" class="form-control rounded-0" placeholder="Tell us about your project..."></textarea>
            </div>
          </div>

          <div class="row form-group">
            <div class="col-md-12">
              <input type="submit" value="Send Message" name="update" class="btn btn-primary mr-2 mb-2">
            </div>
          </div>


        </form>