JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<form action="MAILTO: Dana@dogmother.ca" method="post" enctype="text/plain">
  <div class="to">
    <input type="text" class="text" name="name" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" style="margin-left: 10px">
    <input type="text" class="text" name="email" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" style="margin-left: 10px">
  </div>
  <div class="to">
    <input type="text" class="numbers" name="phone" value="Phone Number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone Number';}" style="margin-left: 10px">
    <input type="text" class="text" name="subject" value="Subject" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}" style="margin-left: 10px">
  </div>
  <div class="text">
    <textarea value="Message:" name="message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Message:</textarea>
  </div>
  <div>
    <input type="submit" value="Send">
  </div>
</form>