JSFiddle - React, Tailwind, and code Playground

by planetoftheweb

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Untitled</title>
    <style>
        label {
            display: block;
            font-weight: bold;
        }
        
        input[class=required] {
            border: 1px solid red;
            background: yellow;
        }
    </style>
</head>
<body>
    <form action="mailto:[email protected]">
        <label for="firstname">First Name</label>
        <input id="firstname" name="fname" class="required" required /><br />


        <label>Last Name
            <input id="lastname" name="lname" class="required" required /><br />
        </label>
        
        <label for="mypassword">password</label>
        <input id="mypassword" type="password" name="password1" /> <br />

        <label for="myemail">email</label>
        <input id="myemail" type="email" name="email" class="required" required /> <br />
        
        <h2>Rate your teacher from horrible to awesome</h2>
        <input type="radio" name="rating" value="1" id="rating1" /><label for="rating1">Horrible</label>
        <input type="radio" name="rating" value="2" id="rating2" /><label for="rating2">Decent</label>
        <input type="radio" name="rating" value="3" id="rating3" /><label for="rating3">Good</label>
        <input checked type="radio" name="rating" value="4" id="rating4" /><label for="rating4">Awesome</label>

        <h2>Favorite Band</h2>
        <input checked type="checkbox" name="band" value="SuperJunior" id="band1" /><label for="band1">Super Junior</label>
        <input type="checkbox" name="band" value="Duran Duran" id="band2" /><label for="band2">Duran Duran</label>
        <input type="checkbox" name="band" value="INXS" id="band3" /><label for="band3">INXS</label>
        <input type="checkbox" name="band" value="White Stripes" id="band4" /><label for="band4">White Stripes</label>

        <br />
        <label for="lovekpoptextarea">Explain why you love k-pop</label>
        <textarea...