-->

HTML page with label tag.

To write particular text we can use label tag.
------------------------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with input tag date-time-local tag
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        <label for="fullname">name</label><br>
        <!--defines label for full name
            we can simply use label-->
        <input type="text" name="fullname"><br>
        <!--creates box-->
        <label for="fulladdress">address   </label><br>
        <!--defines label for address
            we can simply use label-->
        <input type="text" name="fulladdress">
    </form>
</body>

</html>

HTML page with optgroup and select tag.

To display different listed data, we have to use select with optgroup.
-----------------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with optgroup and select
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        <label for="stream">choose the subject</label>
        <!--defines label-->
        <select name="stream"><!--assigns name.it is same as given in label-->
            
            <optgroup label="MGMT">MGMT<!--creates first category-->
              <option value="account">account</option><!--value-->
              <option value="eco">eco</option><!--value-->
            </optgroup>
            <optgroup label="science">Science<!--creates second category-->
              <option value="Physics">Physics</option><!--crates value-->
              <option value="Chemistry">Chemistry</option><!--creates value-->
            </optgroup>
        </select>
    </form>
</body>

</html>

HTML page with input type date.

to input date either we can use javascript or simply html. Let's understand this with following example.
----------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with input tag date tag
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
    <form>
        choose the date
        <input type="date">
        <!--we can simply use type date-->
    </form>
</body>

</html>

HTML page with input type datetime local.

To input date and time to our website, we can use input type datetime-local.
----------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with input tag date-time-local tag
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        choose the date and time
        <input type="datetime-local">
        <!--it is for date and time-->
    </form><!--closing-->
</body>

</html>

HTML page with input type color.

to understand this, let's understand following code.
---------------------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with color type tag
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        choose the color
        <input type="color">
        <!--is useful to select the color-->
    </form>
</body>

</html>

HTML page with input type e-mail.

inputting valid e-mail can be tedious work, to make it easier, we can simply change input type to e-mail.
------------------------------------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with type e-mail
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        enter email<br>
        <input type="email">
        <!--it validates the email entered by user-->
    </form>
</body>

</html>

HTML page with input type week.

If we want to select week day from given week list, we can use input type week.
----------------------------------------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with type week
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        enter week
        <input type="week">
        <!--helps us to input week and year-->

    </form>
</body>

</html>