ALL HTML PROGRAM
2)PARAGRAPH TAG
3)SBSCRIPT AND SUPERSCRIPT
4)ALIGNMENT
5)UNORDER LIST
6)ORDER LIST
7)DEFINITION LIST
8)STRIKE STRONG
9)SIMPLE TABLE PROGRAM
10)NESTED TABLE
11)Align Tag with table td, th,tr tag
12)ANCHORE TAG
13)ID PROGRAM
14)BACKGROUND IMAGE
15)IFRAME
16)TARGET FRAME
17)IMAGE TAG
18)BACKGROUND COLOR
19)ISMAP TAG
20)USE MAP TAG
21)FORM TAG
22)INFORM TAG
23)NAME ATRIBUTE
24)RADIO TAG
25)CHECK BOX
26)URL SEARCH BOX
27)NUMBER FIELD
28)RANGE FIELD
29)HIDDEN DATE
30)DATE AND TIME
31)MONTH ,WEEK,AND COLOR ATRIBUTE
32)IMAGE BUTTON
33)AUTOMATIC ATRIBUTE
34)AUTOFOCUS ATRIBUTE
35)METHOD OF GET
36)METHOD OF POST
37)TABLE FORMATING
38)LABEL TAG
39)WEB PAGE DECORATE
40)FORMACTION ATRIBUTE
41)FORM ID ATRIBUTE
42)SELECT TAG OPTION TAG
43)SELECT TAG WITH SELECTED,DISABLE BY OPTION TAG AND OPTGROUP
44)TEXT AREA TAG
45)MULTIPLE WITH EMAIL ATRIBUTE
46)FEILDSET AND LEGEND TAG
47)SIGN IN FORM USING HTML
48)PRE TAG
49)REQUIRED VALIDATION
50)DISABLE ATRIBUTE USING IN FORM
51)FORM ID ATRIBUTE
52) SIZE MAXLENTH
53)MULTIPLE WITH EMAIL ATRIBUTE
54)PATTERN ATRIBUTE
55)FIELDSET AND LEGEND TAG
56)SELECT TAG OPTION TAG
57)OPTGROUP TAG
58)DATALIST TAG
59)REGISTRATION FORM
<html>
<head>
<title>heading tag</title>
</head>
<body>
<h1> heading 1</h1>
<h2> heading 2</h2>
<h3> heading 3</h3>
<h4> heading 4</h4>
<h5> heading 5</h5>
<h6> heading 6</h6>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title> create a paragraph tag</title>
</head>
<body>
<h1> deffinition of computer</h1>
<p>A computer is a machine that can be programmed to carry out sequences of arithmetic or logical operations
automatically</p>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title> subscript program</title>
</head>
<body>
tech<sub>jcc</sub><br>
tech<sup>jcc</sup>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>alignment</title>
</head>
<h1 align="center">my name is sumit</h1>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>unorderd list</title>
</head>
<body>
<ul type="circle">
<li>computer</li>
<li>keyboard</li>
<li>mouse</li>
<ul>
<ul type="disc">
<li>computer</li>
<li>keyboard</li>
<li>mouse</li>
<ul>
<ul type="saqure">
<li>computer</li>
<li>keyboard</li>
<li>mouse</li>
<ul>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>orderd list</title>
</head>
<body>
<ol type="1">
<li>computer</li>
<li>keyboard</li>
<li>mouse</li>
</ol>
<ol type="i">
<li>computer</li>
<li>kryboard</li>
<li>mouse</li>
</ol>
<ol type="I">
<li>computer</li>
<li>keyboard</li>
<li>mouse</li>
</ol>
<ol type="A">
<li>computer</li>
<li>kryboard</li>
<li>mouse</li>
</ol>
<ol type="a">
<li>computer</li>
<li>kryboard</li>
<li>mouse</li>
</ol>
</body>
</html>
<html>
<head>
<title>definition list</title>
</head>
<body>
<dl>
<dt>definition of computer</dt>
<dd> computer is A machine</dd>
<dt>library</dt>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title> strike strong</title>
</head>
<body>
<s>hello</s>
</body>
</html>
GO TO FIRST PROGRAM
9)SIMPLE TABLE PROGRAM
<html>
<head>
<title>create a table</title>
</head>
<body>
<h1> create a table</h1>
<table border="4" width="700" height="400">
<tr>
<th> name</th>
<th>roll no</th>
<th>class</th>
</tr>
<tr>
<td>Rupinder</td>
<td>13</td>
<td>bca</td>
</tr>
<tr>
<td>Permod</td>
<td>14</td>
<td>ba</td>
</tr>
<tr>
<td>vishal</td>
<td>15</td>
<td>bsc</td>
</tr>
</table>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>create a nested table</title>
</head>
<body>
<h1> create a nestedtable</h1>
<table border="4" width="600" height="400">
<tr>
<th> name</th>
<th>roll no</th>
<th>class</th>
</tr>
<tr>
<td>sumit</td>
<td>12</td>
<td>bcom
<table border="2">
<tr>
<th> name</th>
<th>roll no</th>
<th>class</th>
</tr>
<tr>
<td>sumit</td>
<td>12</td>
<td>bcom</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>tech jcc </title>
</head>
<body>
<table border="2" align="right" width="50%" height="50%">
<tr>
<th>name</th>
<th>roll</th>
<th>result</th>
</tr>
<tr>
<td align="center">sumit</td>
<td>13</td>
<td>pass</td>
</tr>
<tr>
<td align="right">rupinder</td>
<td>14</td>
<td>pass</td>
</tr>
<tr>
<td align="right">vishal</td>
<td>15</td>
<td>pass</td>
</tr>
<tr>
<td>parmod</td>
<td>16</td>
<td>pass</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title>anchore tag</title>
</head>
<body>
<a href="already existing html program.html">click here</a><br>
<a href="https://www.youtube.com/">click here</a><br>
</body>
<html>
GO TO FIRST PROGRAM
<html>
<head>
<title>anchore tag</title>
</head>
<body>
<a href="#last"> click here to go to the last</a>
<h1 id="top">
A computer is a machine that can be programmedA computer is a machine that can be programmed
to carry out sequences of arithmeticA computer is a machine that can be programmed
to carry out sequences of arithmetic A computer is a machine that can be programmed
to carry out sequences of arithmetic A computer is a machine that can be programmed
to carry out sequences of arithmetic A computer is a machine that can be programmed
to carry out sequences of arithmetic A computer is a machine that can be programmed
to carry out sequences of arithmetic A computer is a machine that can be programmed
to carry out sequences of arithmetic A computer is a machine that can be programmed
to carry out sequences of arithmeticAA computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
computer is a machine that can be programmed
to carry out sequences of arithmetic
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
to carry out sequences of arithmetic
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
or logical operations automatically.
A computer is a machine that can be
programmedA computer is a machine that
can be programmedA computer is a machine
that can be programmed
</h1>
<p id="last">
to carry out sequences of arithmetic
or logical operations automatically.
to carry out sequences of arithmetic
or logical operations automatically.
to carry out sequences of arithmetic
or logical operations automatically.A
computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.A
computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
to carry out sequences of arithmetic
or logical operations automatically.
computer is a machine that can be programmed
to carry out sequences of arithmetic
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
to carry out sequences of arithmetic
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
or logical operations automatically.
A computer is a machine that can be
programmedA computer is a machine that
can be programmedA computer is a machine
that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
to carry out sequences of arithmetic
or logical operations automatically.
to carry out sequences of arithmetic
or logical operations automatically.A
computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.A
computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
to carry out sequences of arithmetic
or logical operations automatically.
computer is a machine that can be programmed
to carry out sequences of arithmetic
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
to carry out sequences of arithmetic
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
or logical operations automatically.
A computer is a machine that can be
programmedA computer is a machine that
can be programmedA computer is a machine
that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
to carry out sequences of arithmetic
or logical operations automatically.
to carry out sequences of arithmetic
or logical operations automatically.A
computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.A
computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.</p>
<a href="#top">go to top</a>
</body>
</html>
<html>
<head>
<title>background image</title>
</head>
<body background="picture.jpg">
<p>
to carry out sequences of arithmetic
or logical operations automatically.
computer is a machine that can be programmed
to carry out sequences of arithmetic
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
to carry out sequences of arithmetic
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
or logical operations automatically.
A computer is a machine that can be
programmedA computer is a machine that
can be programmedA computer is a machine
that can be programmed</p>
</body>
</html>
<html>
<head>
<title>iframe</title>
</head>
<body>
<h1>this is iframe tag</h1>
<iframe src="picture.jpg" width="400px" height="800" ></iframe>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>link page</title>
</head>
<body>
<h1><a href ="id_program.html" target="jcc" >abc</a></h1>
</body>
</html>
<html>
<head>
<title>image tag</title>
</head>
<body>
<img src="bgmi.jpg" alt="error" width="300" height="200">
<p>or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
or logical operations automatically.
to carry out sequences of arithmetic
A computer is a machine that can be programmed
to carry out sequences of arithmetic
or logical operations automatically.
or logical operations automatically.
A computer is a machine that can be
programmedA computer is a machine that
can be programmedA computer is a machine</p>
</body>
</html>
<html>
<head>
<title>background color</title>
</head>
<body bgcolor="orange">
</body>
</html>
<html>
<head>
<title>ismap atributes</title>
</head>
<body>
<a href="id program.html">
<img src="bgmi.jpg"ismap="ismap">
</a>
</body>
</html>
<html>
<head>
<title>usemap attributes</title>
</head>
<body>
<img src="bgmi.jpg"usemap="#imp">
<map name="imp" id="#imp">
<area shape="rect"coords="141,7,34,42"href="id program.html" target="blank"></map>
</body>
</html>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>create a form</title>
</head>
<body align="center">
<h2><font face="aligerian" color="red">registration form</h2></font>
enter your name<input type="text"><br><br>
enter your father name<input type="text"><br><br>
enter your mother name<input type="txt"><br><br>
<input type="submit">
</body>
</html>
<html>
<head>
<title>button related</title>
</head>
<body align="center">
<form>
user name<input type="text"><br><br>
email<input type="email"><br><br>
password<input type="password"><br><br>
<input type="reset">
<input type="submit">
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>name atribute</title>
</head>
<body align="center">
<form action="abc.php" name="registration form">
user name<input type="text" name="uname"><br><br>
password<input type="password" name="pass"><br><br>
email<input type="email" name="email"><br><br>
<input type="submit">
</form>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>radio button</title>
</head>
<body>
<form>
male<input type="radio" name="gender">
female<input type="radio" name="gender">
other<input type="radio" name="gender">
</form>
</body>
</html>
<html>
<head>
<title>check box</title>
</head>
<body>
<form>
car<input type="checkbox" name="car" value="car">
bike<input type="checkbox" name="bike" value="bike">
truck<input type="checkbox" name="truck" value="truck">
<input type="submit" value="login">
</form>
</body>
</html>
GO TO FIRST PROGRAM
26)URL SEARCH BOX
<html>
<head>
<title> url search box</title>
</head>
<body>
<form>
your website name<input type="url" name="url"><br><br>
search box<input type="search" name="search"><br><br>
tel phone no<input type="tel" name="phone"><br><br>
</form>
</body>
</html>
<html>
<head>
<title>number field</title>
</head>
<body>
<form>
enter number<input type="number"name="num" min="5" max="20">
<input type="submit">
</form>
</body>
</html>
<html>
<head>
<title>range field</title>
</head>
<body>
<form>
range<input type="range" name="val"min="0" max="100"><br><br>
<input type="submit">
</form>
</body>
</html>
<html>
<head>
<title>hidden data</title>
</head>
<body>
<form>
user name<input type="text" name="uname"><br>
<input type="hidden" name="count" value="india">
<input type="submit">
</form>
</body>
</html>
<html>
<head>
<title>date time</title>
</head>
<body>
<form>
date<input type="date"><br><br>
time<input type="time"><br><br>
date and time<input type="date time-local"><br>
</form>
</body>
</html>
<html>
<head>
<title>date time</title>
</head>
<body>
<form>
date<input type="date"><br><br>
time<input type="time"><br><br>
date and time<input type="date time-local"><br>
</form>
</body>
</html>
<html>
<head>
<title>image tag</title>
</head>
<body>
<form>
<input type="image" src="bgmi.jpg" alt="error"><br>
</form>
</body>
</html>
<html>
<head>
<title> tech jcc</title>
</head>
<body>
<form autocomplete="on">
first name<input type="text" name="fname"><br><br>
city<input type="text" name="city"><br><br>
<input type="submit" value="submit">
</form>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>tech jcc</title>
</head>
<body>
<form>
name<input type="text" name="name" autofocus><br><br>
password<input type="password" name="pass"><br><br>
city<input type="text" name="city"><br><br>
<input type="submit" value="submit">
</form>
</body>
</html>
<html>
<head>
<title>tech jcc</title>
</head>
<body>
<form action="#" method="get">
name<input type="text" name="name"><br><br>
password<input type="password" name="pass"><br><br>
<input type="submit" value="submit">
</form>
</body>
</html>
<html>
<head>
<title>tech jcc</title>
</head>
<body>
<form action="#" method="post">
name<input type="text" name="name"><br><br>
password<input type="password" name="pass"><br><br>
<input type="submit" value="submit">
</form>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>table formating</title>
</head>
<body>
<table align="center">
<form>
<font color="red"><h1 align="center">registration form</h1></form>
<tr>
<td>enter your name</td><td><input type="text"></td>
</tr>
<tr>
<td>enter your father name</td><td><input type="text"></td>
</tr>
<tr>
<td>enter your mother name</td><td><input type="text"></td>
</tr>
<tr>
<td>
<td><input type="submit">
</td>
</tr>
</form>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title> label tag</title>
</head>
<body>
<form>
<label>male<input type="radio" name="status"></label>
<label>female<input type="radio" name="status"></label>
</form>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>web page decorate</title>
</head>
<body bgcolor="red" align="center">
<br><br><br><br><br><br><br><br><br><br><br>
<marquee><font color="green" size="50">welcome to html</font></marquee>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>formaction</title>
</head>
<body>
<form id="form" action="welcome to html">
name<input type="text" name="name"><br><br>
password<input type="password" name="pass"><br><br>
city<input type="text" name="city"><br><br>
<input type="submit"value="admin submit" formaction="image button.html"><br><br>
<input type="submit" value="submit"><br><br>
</form>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>form id</title>
</head>
<body>
<form id="form" action="first.php">
<h1>first.php</h1>
name<input type="text" name="name"><br><br>
password<input type="password" name="pass"><br><br>
city<input type="text" name="city"><br><br>
<input type="submit" value="submit"><br><br>
</form>
<br>
<form id="form 2" action="second.php">
<h1>second.php</h1>
name<input type="text" name="name" form="form"><br><br>
password<input type="password" name="pass"><br><br>
city<input type="text" name="city"><br><br>
state<input type="text" name="state"><br><br>
<input type="submit" value="submit"><br><br>
</form>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>select tag</title>
</head>
<body>
<form>
<select name="course">
<option value="php">php</option>
<option value="java">java programing</option>
<option value="c">c programing</option>
<option value="c++">c++ programing</option>
</select><br><br>
<input type="submit">
</form>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>autogroup tag</title>
</head>
<body>
<form>
course<select>
<optgroup label="programing">
<option value="java">java programing</option>
<option value="c">c programing</option>
<option value="c">c sharp</option>
<option value="c++">c++ programing</option>
</optgroup>
<optgroup label="web dezining">
<option value="html">html</option>
<option value="css">css</option>
<option value="java script">js</option>
</optgroup>
</form>
</body>
</html>
<html>
<head>
<title> text area</title>
</head>
<body>
<form>
<textarea rows="10" cols
WELCOME TO TECH JCC
</textarea>
</form>
</body>
</html>
<html>
<head>
<title>multiple</title>
</head>
<body>
<form>
email<input type="email" name="email" multiple><br><br>
file<input type="file" name="file" multiple><br><br><br>
<input type="submit">
</form>
</body>
</html>
<html>
<head>
<title>feild set</title>
</head>
<body>
<form>
<fieldset>
<legend>registration form</legend>
course<select>
<optgroup label="programing">
<option value="java">java programing</option>
<option value="c">c programing</option>
<option value="c">c sharp</option>
<option value="c++">c++ programing</option>
</optgroup>
<optgroup label="web dezining">
<option value="html">html</option>
<option value="css">css</option>
<option value="java script">js</option>
</optgroup>
</fieldset>
</form>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>welcome to registration from</title>
</head>
<body>
<h2 align="center">Create your account/sign up/</h2>
<form action="#">
<table cellspacing="2" align="center" cellpadding="8" border="0" bgcolor="#33ffc4">
<tr>
<td align="right">Enter name<font color="red">*</font> </td>
<td><input type="text" placeholder="enter user here" required>
</td>
</tr>
<tr>
<td align="right">Enter class
<font color="4red">*</font>
<td><input type="text" placeholder="enter user here" required>
</td>
</tr>
<tr>
<td align="right"> Enter roll no
<font color="4red">*</font>
<td> <input type="text" placeholder="enter user here" required>
</td>
</tr>
<tr>
<td align="right">Enter phone
<font color="4red">*</font>
</td>
<td> <input type="text" placeholder="enter user here" required>
</td>
</tr>
<tr>
<td align="right"> Date of birth
<font color="red">*</font>
</td>
<td> <input type="date" required>
</td>
</tr>
<tr>
<td align="right"> Education
<font color="red">*</font>
</td>
<td> <select name="education">
<option value="8th">8th or bellow 8th or none</option>
<option value="java">java</option>
<option value="c++">c++</option>
</select>
</td>
</tr>
<td align="right">Gender<font color="red">*</font>
</td>
<td>
<label for="male"> male</label>
<input type="radio" name="gender" value="male" id="male">
<label for="female">female</label>
<input type="radio" name="gender" value="female" id="female">
</td>
</tr>
<tr>
<td align="right"> Vehical</td>
<td>
<label for="car">car</label>
<input type="checkbox" name="car" value="male" id="car">
<label for="bike">bike</label>
<input type="checkbox" name="bike" value="female" id="bike">
<label for="cycle">cycle</label>
<input type="checkbox" name="cycle" value="other" id="cycle">
</td>
</tr>
<tr>
<td>
<input type="reset" value="clear form" id="rer" class="btn">
<input type="submit" value="create account" class="btn">
</td>
</tr>
</table>
</form>
</body>
</html>
GO TO FIRST PROGRAM
<html>
<head>
<title>pre tag </title>
</head>
<body>
<pre>
i am sumit.
i am 24 years old.
i live in garhshanker.
</pre>
</body>
</html>
<html>
<head>
<title>tech jcc</title>
</head>
<body>
<form>
Name:<input type="text" name="name" required><br><br>
password:<input type="password" name="pass" required><br><br>
City:<input type="text" name"city" required><br><br>
E-mail<input type="email" name="email" required><br><br>
<input type="submit" value="submit">
</form>
</body>
</html>
GO TO FIRST PROGRAM
50)DISABLE ATRIBUTE USING IN FORM
<html>
<head>
<title>tech jcc</title>
</head>
<body>
<form>
Name:<input type="text" name="uname" disabled><br><br>
Password:<input type"password" name="pass"><br><br>
City:<input type="text" name="city"><br><br>
<input type="submit" value="submit">
</from>
</body>
</html>
51)DORM ID ATRIBUTE
<html>
<head>
<title>id</title>
</head>
<body>
<from id="form1" action="first.php">
<h2>first.php</h2>
Name:<input type="text" name="name"><br><br>
Password:<input type="password" name="pass"><br><br>
City:<input type="text" name="city"><br><br>
<input type="Submit" value="Submit"><br><br>
</form>
<hr>
<form id="form2" action="second.php">
<h2>Second.php</h2>
Name:<input type="text" name="name1"><br><br>
Password:<input type="password" name="pass1"><br><br>
City:<input type="text" name="city1"><br><br>
State:<input type="text" name="state"><br>
<input type="Submit" value="submit"><br><br>
</form>
</body>
</html>
GO TO FIRST PROGRAM
52)SIZE MAXLENTH
<!DOCTYPE html>
<htm>
<head>
<title>tech jcc</title>
</head>
<body>
<form>
Name:<input type="text" name="name" size="40" maxlength="8" minlength="5" placeholder="username"><br><br>
<input type="submit">
</form>
</body>
</html>
GO TO FIRST PROGRAM
53)MULTIPLE WITH EMAIL ATRIBUTE
<html>
<head>
<title><java</title>
<head>
<body>
<form>
Email:<input type="email" name="email" multiple><br><br>
File:<input type="file" name="file" multiple><br><br><br><br>
<input type="Submit" value="Submit">
</form>
</body>
</html>
GO TO FIRST PROGRAM
54)PATTERN ATRIBUTE
<!DocType html>
<html>
<body>
<h1>The input pattern attribute</h1>
<form action="#">
Country code:
<input type="text" name="country_code" pattern="[A-Za-z0-9]{3,}"title="There letter country code"><br><br>
<input type="Submit">
</form>
<p><strong>Note:</strong> The pattern attribute of the input tag is not supported in Safari 10 (or earlier).</p>
</body>
</html>
GO TO FIRST PROGRAM
55)FIELDSET AND LEGEND TAG
<html>
<head>
<title>jcc</title>
</head>
<body>
<h1>The fieldest element</h1>
<form action="#">
<fieldest>
First Name:
<input type="text" name="fname"><br>
Last name:</label>
<input type="text" name="fname"><br>
Email:</label>
<input type="text" name="email"><br>
Birthday:
<input type="date" name="birthday"><br>
<input type="submit" value="Submit">
</fieldeset>
</form>
</body>
</html>
GO TO FIRST PROGRAM
56)SELECT TAG OPTION TAG
<html>
<head>
<title>option tag</title>
</head>
<body>
<form>
<select name="cousre">
<option value="">None</option>
<option value="java">java programing</option>
<option value="c">C programing</option>
<option value="C#">C Sharp</option>
<option value="c++">C++ programing</option>
<option value="HTML">HTML</option>
<option value="CSS">CSS</option>
<option value="JavaScript">JS</option>
<option value="PHP">PHP</option>
</select><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
GO TO FIRST PROGRAM
57)OPTGROUP TAG
<html>
<head>
<title>Tech jcc</title>
</head>
<body>
<form>
Course:<select>
<optgroup label="programming">
<option value="java">java programming</option>
<option value"c" selected>c programming</option>
<option value="c#">C sharp</option>
<option value="c++" disabled>C++ programming</option>
</optgroup>
<optgroup label="Web desiging">
<option value="html">HTML</option>
<option value="CSS">CSS</option>
<option value="java script">JS</option>
<option value="php">PHP</option>
</optgroup>
</select>
<br><br><input type="submit" value="submit">
</form>
</body>
</html>
GO TO FIRST PROGRAM
58)DATALIST TAG
<html>
<head>
<title>web browser</title>
</head>
<body>
<form>
<input type="text" list="programming">
<datalist id="programming">
<option value="Java Programming"></option>
<option value="c programming"></option>
<option value="c+++ programming"></option>
<option value="HTML"></option>
<option value="PHP"></option>
</datalist>
<select name="course">
<option value=""<None</option>
<option value="java"> java programming</option>
<option value="c">c programming</option>
<option value="c#">c Sharp</option>
<option value="c+++">c++ Programming</option>
<option value="HTML">hTML</option>
<option value="CSS">CSS</option>
<option value="JavaScript">JS</option>
</select><br>
</form>
</body>
</html>
GO TO FIRST PROGRAM
59)REGISTRATION FORM
<html>
<head>
<title>Wlcome To Registration Form</title>
</head>
<body>
<h2 align="center">Create Your Accoun/Sign Up</h2>
<form action="#">
<table cellspacing="2" align="center" cellpadding="8" border="1" bgcolor="#33FFC$">
<tr>
<td align="right">Enter Name<font color="red">*</font>:</td>
<td><input type="text" placeholder="Enter user here"required /></td>
</tr>
<tr>
<td align="right">Enter Email ID<font color="red">*</font>:</td>
<td><input type="email" placeholder="Enter Email ID here" required /></td>
</tr>
<tr>
<td align="right">Enter Username<font color="red">*</font>:</td>
<td><input type="text" placeholder="Enter Username here" required /></td>
</tr>
<tr>
<td align="right">Enter Password<font color="red">*</font>:</td>
<td><input type="password" placeholer="Enter Password here" required/></td>
</tr>
<tr>
<td align="right">Enter Confirm Password<font color="red">*:</td>
<td><input type="password" placeholder="Enter Password here" required /></td>
<tr>
<td align="right"> Enter phone number<font color="red">*</font>:</td>
<td><input type="text" placeholder="Phone number" required /></td>
</tr>
<tr>
<td align="right">Gender<font color="red">*</font>:</td>
<td>
<label for="Male">Male</label><input type="radio" name="gender" value="Male" id="male"/>
<label for="Female">Female</label><input type="radio" name="gender" value="female" id="female"/>
<label for ="other">Other</label><input type="radio" name="gender" value="other" id="other"/>
</td>
</tr>
<tr>
<td align="right">Vehicle<font color="red">*</font>:</td>
<td>
<label for="car">Car</label><input type="checkbox" name="car" value="car" id="car"/>
<label for="bike">Bike</label><input type="checkbox" name="bike" value="bike" id="bike"/>
<label for="cycle">Cycle</label><input type="checkbox" name="cycle" value="cycle" id="cycle"/>
</td>
</tr>
<tr>
<td align="right">Date Of Birth<font color="red">*</font>:</td>
<td><input type="date" required /></td>
</tr>
<tr>
<td align="right"> Education<font color="red">*</font>:</td>
<td>
<select name="education">
<option value="">Education</option>
<option value="8th">8th or below 8th or none</option>
<option value="10th">10th</option>
<option value="12th">12th</option>
<option value="b.a.">B.a.</option>
<option value="b.c.a.">B.C.A.</option>
<option value="b.com">B.Com.</option>
<option value="bscit"> B.Sc.IT</option>
<option value="master">master</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="reset" value="clear form" id="res" class="btn"/>
<input type="submit" value="Create Account" class="btn" />
</td>
</tr>
</table>
</form>
</body>
</html>
Comments
Post a Comment