Signup Form

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Sign Up</title>
    <style>
        form{
            width: 50%;
            margin: auto;
            background-color: aquamarine;
            padding: 40px;
            border-radius: 20px;
        }
        label{
            width: 100%;
        }
        input{
            width: 100%;
            margin-bottom: 15px;
        }

        .radio_button{
            width: auto;
        }
        button{
            width: 100%;
        }
    </style>
</head>
<body>
    <form>
        <label for="name_field"> Enter your Name here </label>
        <input type="text" name="name_field">

        <label for="email_field">Enter your Email here</label>
        <input type="email" name="email_field">

        <label for="number_field">Enter your Name here</label>
        <input type="number" name="number_field">

        <label for="dateOfBirth_field">Enter your Birthdate here</label>
        <input type="date" name="dateOfBirth_field">

        <p>Choose your Gender:</p>
        <label for="gender">Male</label>
        <input type="radio" name="gender" class="radio_button">
        <label for="gender">Female</label>
        <input type="radio" name="gender" class="radio_button">

        <button type="submit">Submit</button>

    </form>
</body>
</html>