-->

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>
No comments:
Labels:

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>
No comments:
Labels:

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>
No comments:
Labels:

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>
No comments:
Labels:

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>
No comments:
Labels:

HTML page with input type url.

somewhere we have to input valid url, that we can do using input type url.
--------------------------------------------------------------------------------------------------
<html><!--root tag-->

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

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag -->
    enter url
        <input type="url">
        <!--accepts valid url-->
    </form>
</body>

</html>
No comments:
Labels:

HTML page with input type time.

Inputting time on website is an easy process using type time.Nothing more we have to do.
---------------------------------------------------------------------------------------------------------
<html><!--root tag-->

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

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        enter time
        <input type="time">
        <!--accepts time-->
    </form>
</body>

</html>
No comments:
Labels: