-->

HTML page to choose the date from drop down list.

a simple code to understand this is given below.
-------------------------------------------------------------------------------------------
<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 date of birth is:<input type="date" name="d">
<!--we can choose data from given date button-->

</form>
</body>
</html>

HTML page to create submit and reset button.

We can understand through following example.
-------------------------------------------------------------------------------------------------------

<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>
name is:<input type="text" name="name" size="20"><br>
address is:<input type="text" name="addrexs" size="20"><br>
<!--type text creates a box
placeholder puts the text inside the box
maxlength takes the character maximum 10
size:it creates the box having 20 length
-->
Gender is:<br>
male:<input type="radio" name="rad1"><br>
Female:<input type="radio" name="rad1"><br>
<!--creats radio box. we can click them-->
Your feedback:<br>
<textarea rows="10" cols="20">
</textarea>
<!--creates a text area with rows 10 and cols 20-->
<br>
<input type="submit" value="click me">
<!--creates a button named click me
it is used to submit our data to server-->
<input type="reset" value="reset me">
<!--it creates button named reset me. It resets the value.
we have entered to zero/blank-->
</form>
</body>
</html>

HTML page to create text area.

we can take following example.
---------------------------------------------------------------------------------------
<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>
enter your comments:<br>
<textarea rows="10" cols="20" placeholder="your comments">
</textarea>
<!--text area with row and cols creates a box
placeholder puts the text inside the box
-->
</form><!--closing part of form-->
</form>
</body>
</html>

HTML page to create drop down box with values.

We can take following example to understand this.
--------------------------------------------------------------------------------------------
<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-->
<select size="1">
<!--creates a box of size 1-->
<option>teacher</option>
<option>student</option>
<option>Parents</option>
<!-- it pust the list in that created box-->

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

HTML page to upload a file.

Let's take an example.
----------------------------------------------------------------------------------
<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-->
upload :<input type="file" name="f1"><br>
<!-- we can upload a file-->
</form><!--closing of form-->
</body>
</html>

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

Let's take following example.
-------------------------------------------------------------------------------------------------
<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-->
Physics:<input type="checkbox" name="c1"><br>
chemistry:<input type="checkbox" name="c2">
<!--it creats rectangular box which can be clicked
-->
</form>
</body>
</html>

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

Following example can be considered to understand this.
-------------------------------------------------------------------------------------------------
<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>
male:<input type="radio" name="radio1"><br>
<!--creats radio box. we can click them-->

female:<input type="radio" name="radio1">
<!--creats radio box. we can click them-->

</form>
</body>
</html>