HTML FORMS with Source Code | STUDY VARSITY

Code

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML FORMS</title>
</head>

<body>
    <form>
        <table>
            <tr>
                <td>
                    <label>First Name: </label>
                </td>
                <td>
                    <input type="text" name="firstname">
                </td>
            </tr>
            <tr>
                <td>
                    <label>Last Name: </label>
                </td>
                <td>
                    <input type="text" name="lastname">
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit" name="submit" value="submit">
                </td>
            </tr>
        </table>

        <h3>Textarea</h3>
        <textarea rows="7" cols="80"></textarea>

        <h3>Radio</h3>

        <form>
            <input type="radio" name="gender" value="male">Male <br />
            <input type="radio" name="gender" value="female">Female <br />
            <input type="radio" name="gender" value="other">Other <br />

        </form>

        <h3>select element</h3>
        <select name="cars">
            <option value="volvo">volvo</option>
            <option value="audi">audi</option>
            <option value="bmw">bmw</option>
        </select>

        <h3>button element</h3>
        <button type="button">Click me</button>

        <h3>Input Type Password</h3>
        <input type="password" name="password">

        <h3>Input Type Checkbox</h3>

        <form>
            <input type="checkbox" name="vehicle1" value="bike"> bike <br/>
            <input type="checkbox" name="vehicle2" value="car"> car <br/>

        </form>

        <h3>Date</h3>
        <form>
            <label>Birthday: </label>
            <input type="date" name="bday">
        </form>
        <h3>Datetime</h3>
        <form>
            <label>date time: </label>
            <input type="datetime-local" name="datetime">
        </form>

        <h3>Input type Email</h3>
        <form action="">
            <input type="email" name="email">
            <input type="submit" value="submit">
            <input type="reset" value="reset">
        </form>
       
        <h3>Input type file</h3>

        <input type="file" name="file">

        <h3>Input Type Number</h3>

        <input type="number" name="number" min="3" max="6">

    </form>
</body>

</html>