JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>Sign Up Form</h2>
    <br><br>
    <form method="GET" action="./pages mine/thank you.html">
        <input type="text" placeholder="First name"><br><br>
        
        <input type="text" placeholder="Last name"><br><br>
    
        <input type="email" placeholder="Email"><br><br>
    
        <input type="password" placeholder="Password" minlength="5"><br><br>

        <!-- Gender selection -->
        <label for="gender"><h3>Select Gender</h3></label><br>
        
        <label for="male">Male</label>
        <input type="radio" value="male" id="male" name="gender" required><br>
        
        <label for="female">Female</label>
        <input type="radio" value="female" id="female" name="gender" required><br>
        
        <label for="other">Other</label>
        <input type="radio" value="other" id="other" name="gender" required><br><br>
        
        <label for="nation">Country</label>
        <select id="nation" name="nation">
            <option value="india">INDIA</option>
            <option value="usa">USA</option>
            <option value="other">OTHER</option>
        </select><br><br>
        
        <p>Write about yourself below</p><br>
        <textarea placeholder="Type here"></textarea><br>
        
        <input type="submit" value="Sign in">
    </form>
</body>
</html>