html6.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>Forms</title>
</head>

<body>
    <!-- This is how we can create a form in html we have to add a action attribute so that if a information is submitted it is forwarded to that url or link. Div is a block element it takes entire line. We can use a shortcut input:then the element we want to take input from. We use ID attribute so as to use label tag in which we can make so that if a select a particular text then we will be taken to the tag input whose input ID id put in the for attribute of label -->
    <h3>Form tutorial</h3>
    <form action="lakshay.php">
        <label for="name">Name</label>

        <div>
            :<input type="text" name="name" id="name">
        </div>
        <br>
        <div>
            Age:<input type="text" name="age">
        </div>
        <br>
        <div>
            Gender:<input type="text" name="Gender">
        </div>
        <br>
        <div>
            Email:<input type="email" name="EmailID">
        </div><br>
        <div>
            <input type="date" name="Date">
        </div><br><br>
        <div>
            <input type="number" name="Mynumber">
        </div><br><br>
        <label for="Eligbile">Are you eligible?</label>
        <div>
            <input type="checkbox" name="Eligibilty" id="Eligbile">
        </div><br><br>
        <div>
            Gender: Male<input type="radio" name="Gendercheck"> Female<input type="radio" name="Gendercheck">
            Other<input type="radio" name="Gendercheck">
        </div><br><br>
        <div>
            Write something about urself:<br><textarea name="textarea" id="" cols="30" rows="10"></textarea>
        </div>

        <div><label for="mycar">Select your car</label>
            <select name="Car" id="mycar">
                <option value="Maruti">Maruti</option>
                <option value="Toyota" selected>Toyota</option>
            </select>


        </div>


        <div>
            <input type="submit" value="Submit Form">
        </div>
        <div>
            <input type="reset" value="Reset Form ">
        </div>


    </form>
</body>

</html>