-->

Saturday, July 18, 2020

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

HTML page with input type tel and attribute pattern.

On website, we may want to input telephone number or mobile number, how to do that?
We have one input type named tel. further we can understand from following example.
----------------------------------------------------------------------------------------------------------
<html><!--root tag-->

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

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        enter telphone number in 123-456-7890 pattern
        <input type="tel" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" placeholder="123-456-7890" required>
        <!--accepts telephone number. pattern is the pre-definedd format. If we donot follow, it will not accept-->
    </form>
</body>

</html>
Posted by at No comments:
Labels:

HTML page with input type search.

On our website we put search box to search content. We can insert search box using input type search.
-----------------------------------------------------------------------------------------
<html><!--root tag-->

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

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        enter data to be searched
        <input type="search">
        <!--accepts number. we can put max or min attribute-->
    </form>
</body>

</html>
Posted by at No comments:
Labels:

HTML page with input type number.

If we want to input number in some range we can use input type number with some other attributes. Let's be clear with following example.
--------------------------------------------------------------------------------------------
<html><!--root tag-->

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

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        enter number<br>
        <input type="number">
        <!--accepts number. we can put max or min attribute-->
    </form>
</body>

</html>
Posted by at No comments:
Labels:

HTML page with input type month.

If we want to choose specific month from a set of months, we can either use javascript or simply can change input type=month.
------------------------------------------------------------------------------------------
<html><!--root tag-->

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

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        choose month<br>
        <input type="month">
    </form>
</body>

</html>
Posted by at 2 comments:
Labels: