JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<form action="https://haynesfcu.org/send_email_form.php" method="post" name="email_form">
            <input type="text" name="first_name" id="first_name" value="" required="">
            <label for="first_name">First Name</label>
            <input type="text" name="last_name" id="last_name" value="" required="">
            <label for="last_name">Last Name</label>
            <input type="email" name="email" id="email" value="" required="">
            <label for="email">Email</label>
            <input type="tel" name="phone" id="phone" value="">
            <label for="phone">Phone</label>
            <input type="text" name="captcha_text" id="captcha_text" value="" required="">
            <label for="captcha_text">Validation</label>
            <img name="captcha" onclick="this.src='includes/server.php?'+Math.random();" src="includes/server.php" alt="CAPTCHA image" width="150" height="35">
            <input type="hidden" name="refer_url" value="https://haynesfcu.org/test.php">
            <input type="hidden" name="email_form" value="1">
            <input type="submit" value="SUBMIT">
        </form>

CSS

input[required] + label:after{
  content:'*';
  color:red;
  font-weight:bold;
}