form.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>Hi Forms!</title>
</head>

<body>
    <h2> THIS IS HTML FORM TUTORIAL</h2>
    <form action="backend.php">
        <div>
            <label for="name"> Name </label>
            <input type="text" name="mname" id="name">
        </div>
        <br>
        <div>
            Rollno:<input type="tel" name="myroll"><br>
        </div><br>
        <div>
            Email:<input type="email" name="myemail"><br>
        </div>
        <br>
        <div>
            Date<input type="date" name="date">
        </div>
        <br>
        <div>
            Bonus: <input type="number" name="number">
        </div>
        <br>
        <div>
            <label for="check">Are you eligible:</label> <input type="checkbox" name="chec" id="check">
        </div>
        <br>
        <div>
            Gender: male<input type="radio" name="rad"> female <input type="radio" name="rad">
        </div>
        <br>
        <div>
            Wrie about yourself:<br><textarea name="mytext" cols="50" rows="9"></textarea>
        </div>
        <br>
        <div>
            <label for="car">Car Brand</label>
            <select name="mycar" id="car">
                <option value="ind"> indica</option>
                <option value="sw" selected>swift</option>
            </select>
        </div>
        <div>
            <br>
        </div>
        <br>
        <div>
            <input type="reset" value="reset here">
        </div>
    </form>

</body>
<script src="harry.js"></script>

</html>