-->

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

HTML page with fieldset.

Let's see following example to understand about fieldset.
-----------------------------------------------------------------------------------
<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-->
        <!--following script is related to fieldset-->
        <fieldset>
            <legend align="left">enter your personal information</legend>
            <!--legend is for title of information-->
            <label for="fname">First name</label><br>
            <!--defines title-->
            <input type="text" name="fname"><br>
            <!--creates box-->
            <label for="address">Address</label><br>
            <!--defines title-->
            <input type="text" name="address"><br>
            <!-- creates box-->
            <label for="email">e-mail</label><br>
            <!--defines title-->
            <input type="email" name="email">
            <!--creates box to accept email.-->
             </fieldset>
    </form>
</body>

</html>
No comments:
Labels:

HTML page with input list, datalist and option.

If we use it then it will show data in drop down list.Better we can understand from following example.
---------------------------------------------------------------------------------------------------------
<html><!--root tag-->

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

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        <!--following script is related to datalist-->
        <input list="all language" name="language">
        <!--must start with input tag with list name-->
        <datalist id="all language"><!--it contains id of list. It must be same as it is with list-->
          <option value="Internet Explorer">
          <option value="Firefox">
          <option value="Chrome">
          <option value="Opera">
          <option value="Safari">
        </datalist>
    </form>
</body>

</html>
No comments:
Labels: , , ,

HTML page with input type button and javascript.

Look at following example.
--------------------------------------------------------------
<html><!--root tag-->

<head><!--used for meta tag-->
    <title><!--title tag-->
        form with button type button and javascript
    </title>
</head>

<body><!--is a container-->
    form <br>
    <form><!--opening of form tag-->
        <!--following script is related to button-->
        click the
        <button type="button" onclick="alert('you clicked the button')" ">click me</button>

    </form>
</body>

</html>
No comments:
Labels:

HTML form tag

On most or almost all websites we can see like input your name,e-mail,address etc, this we can create using form and its supporting attributes.
How to do this?
Let's understand this with the help of following example.
--------------------------------------------------------------------------------------------
1) HTML page to create box to input our data using box.

                                                                                          click to know

2)HTML page to create password box to input our password.

                                                                                           click to see example

3)HTML page to create radio box to choose data between two options.

                                                                                              click here

4)HTML page to create check box to choose multiple data between given options.

                                                                                              click here

5)HTML page to upload a file.

                                                                                              click here

6)HTML page to create drop down box with values.

                                                                                              click here

7)HTML page to create text area.

                                                                                              click here

8)HTML page to create submit and reset button.

                                                                                              click here

9)HTML page to choose the date from drop down list.

                                                                                              click here
10)HTML page to choose the time from given time list.

                                                                                              click here

11)HTML page to choose the   month from given month list.

                                                                                              click here


-----------------------------------------------------------------------------------------
HTML 5.0 form tag with attributes
----------------------------------------------------------------------------------------
1)HTML page with label tag.
                                                                                               click here

2)HTML page with optgroup and select tag.

                                                                                                 click here

3)HTML page with input type date.
                                                                                                 click here

4)HTML page with input type datetime local.

                                                                                                  click here

5)HTML page with input type color.

                                                                                                   click here

6)HTML page with input type e-mail.

                                                                                                    click here

7)HTML page with input type week.

                                                                                                    click here

8)HTML page with input type url.

                                                                                                   click here

9)HTMl page with input type time.
                                                                                                    click here

10)HTML page with input type tel and attribute pattern.

                                                                                                    click here

11)HTML page with input type search.

                                                                                                     click here

12)HTML page with input type number.

                                                                                                   click here

13)HTML page with input type month.

                                                                                                    click here

14)HTML page with fieldset.

                                                                                                    click here

15)HTML page with input list, datalist and option.

                                                                                                             click here

16)HTML page with input type button and javascript.

                                                                                                     click here

No comments:
Labels:

HTML page to choose the month from given month list.

We are using html 5.0 to simplify our selection o date without using javascript.
----------------------------------------------------------------------------------------------------------
<html><!--starting tag of html-->
<head><!--used for meta tag-->
<title><!--used for title of page-->
form concept
</title>
</head>
<body><!--is container-->
form <br>
<form><!--form tag-->
Your time is:<input type="month" name="t">
<!--we can choose the month from the calendar-->

</form><!--closing of form-->
</body>
</html>

No comments:
Labels:

HTML page to choose the time from given time list.

We can take following example to understand form.
----------------------------------------------------------------------------------------------------------
<html><!--starting tag of html-->
<head><!--used for meta tag-->
<title><!--used for title of page-->
form concept
</title>
</head>
<body><!--is container-->
form <br>
<form><!--form tag-->
Your time is:<input type="time" name="t">
<!--we can choose time from given time box-->

</form><!--closing of form-->
</body>
</html>


No comments:
Labels: