-->

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>

No comments:
Labels:

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>

No comments:
Labels:

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>

No comments:
Labels:

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>

No comments:
Labels:

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>

No comments:
Labels:

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>

No comments:
Labels:

HTML page to create password box to input our password.

Let's look at 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-->
input name:<input type="password" placeholder="type your password" maxlength="10" size="20">
<!-- creates passbox where typed characters are invisible.
because of type password.
placeholder places the text inside the box.
maximum character we can type is 10, the width of box is 20
-->
</form><!--closing of form-->
</body>
</html>

No comments:
Labels: