FALLSEM2021-22 ITE1002 ETH VL2021220100575 Reference Material II 16-Aug-2021 HTML Form Example Code

<html>
<body>
<form method="get" action="xyz.js">
Username:<input type="text" size="20" value="Enter the uname"><br>
Password:<input type="password" size="20"><br>
Name : <input type="text" size="20"><br>
<input type="submit" value="Send Data">
<input type="reset" value="clear Data">
</form>
</body>
</html>
<html>
<head>
<title> Form checkbox</title>
<body>
<form method="post" action="xyz.js">
Please select every sport that you play.<br>
Vollyball: <input type="checkbox" name="sports" value="vollyball" checked><br>
Football: <input type="checkbox" name="sports" value="football" ><br>
Baseball: <input type="checkbox" name="sports" value="baseball"> <br>
Basketball: <input type="checkbox" name="sports" value="basketball"><br>
<input type="submit">
</form>
</body>
<html>
<head>
<title> Form Radio button</title>
</head>
<body>
<form method="get" action="">
What kind of shirt are you wearing? <br>
Shade:
<input type="radio" name="shade" value="dark" checked>Dark
<input type="radio" name="shade" value="light">Light <br>
Size:
<input type="radio" name="size" value="small" checked>Small
<input type="radio" name="size" value="medium">Medium
<input type="radio" name="size" value="large">Large <br>
<input type="submit">
</form>
</body>
</html>
<html>
<head>
<title>File Fields</title>
</head>
<body>
<form action="xyz.js" method="post">
<p>Upload Your GIF Images Here:</p>
<input type="file" name="upload" size="20" accept="image/jpg">
<input type="submit" value="upload it">
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Text Areas</title>
</head>
<body>
<form action="xyz.js" method="get">
User Name:<br>
<input type="text" name="user_name" width="30" maxlength="20" value="enter">
<br>
Enter Your Comments Here:<br>
<textarea name="comments" cols=40 rows=3 wrap="soft">
Enter Your Comments Here
</textarea><br>
<input type="submit" value="Send Me">
<input type="reset" value="Clear Me">
</form>
</body>
</html>
<html>
<head>
<title>Select Menus</title>
</head>
<body>
<form name="frm1" method="get" action="xyz.js">
What would you use to stop a Jabberwocky?
<br>
<select name="weaponry1">
<option>Pick a weapon</option>
<option>------------------------</option>
<option value="vorpal sword" selected="yes">Vorpal Sword</option>
<option value="pointed stick">Pointed Stick</option>
<option value="bare hands">Bare hands</option>
</select>
<br>
<br>
<select name="weaponry2" multiple="yes" size="3">
<option>Pick a weapon</option>
<option>------------------------</option>
<option value="Guns" selected="yes">Guns</option>
<option value="Bow and arrow">Bow and arrow</option>
</select><br>
<input type="submit" value="submit">
</form>
</body>
</html>
<html>
<head>
<title>Selection Lists</title>
</head>
<body>
<form action="xyz.asp" method="post">
<p>What kinds of pets do you have?</p>
<select name="pets" size="2" multiple="multiple">
<option value="canine">Dogs</option>
<option value="feline">Cats</option>
<option value="avian">Birds</option>
<option value="equine">Horses</option>
</select>
<p>To make multiple selections, hold down your Ctrl key
(Win) or your Command key (Mac)</p>
</form>
</body>
</html>
<html>
<body>
<form name="f1" method="get" action="xyz.php">
<h3 align=center>Registration Form</h3>
Username:<input type="text" value="Enter the uname" size="20" maxlength="15" tabindex="10"
><br>
Password:<input type="password" maxlength="10" tabindex="1"><br>
Gender:<br>
<input type="radio" name="gender" checked="yes" tabindex="2">Male<br>
<input type="radio" name="gender" tabindex="3">Female<br>
Research Intrests:<br>
<input type="checkbox" name="RI" value="OS" tabindex="4">Operating System<br>
<input type="checkbox" name="RI" value="DBMS">Databases<br>
<input type="checkbox" name="RI" value="Java">Java<br>
<input type="checkbox" name="RI" value="IWP">IWP<br>
Additional Information about you:<br>

<textarea cols="15" rows="5" tabindex="5"></textarea><br>
<fieldset>
<legend>Personal infomation</legend>
Country:<br>
<select tabindex="6">
<option selected=yes>India</option>
<option>Pakistan</option>
<option>Srilanka</option>
</select><br>
Languages Known:<br>
<select multiple=yes size=3 tabindex="7">
<option>English</option>
<option>Hindi</option>
<option>French</option>
</select><br>
</fieldset>
<input type=hidden value="hidden field">

<input type="image" src="Submit button.jpg" name="submit_image" alt="Submit" tabindex="8">

<input type="reset" value="clear" tabindex="9">

</form>
</body>
</html>
<html>
<head>
<title>Field Sets</title>
</head>
<body>
<form action="xyz.php" method="post">
<fieldset>
<legend>Personal Information</legend>
<table border=0>
<tr>
<td>Last Name:</td>
<td><input name="personal_lastname" type="text"
tabindex="3" /></td>
</tr>
<tr>
<td>First Name:</td>
<td><input name="personal_firstname" type="text"
</tr>
<tr>
<td>Address:</td>
<td><input name="personal_address" type="text"
</tr>
</table>
</fieldset>
</form>
</body>
</html>
<html>
<head>
<title>Focus Order</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<form action="/cgi-bin/newsletters.pl" method="post">
User Name: <br>
<input type="text" name="user" size="20" tabindex=4>
<br>
E-mail Address:<br>
<input type="text" name="email" size="20" tabindex=3>
<br>
<input type="submit" name="Submit" value="Submit" tabindex=2>
<input type="reset" name="Submit2" value="Reset" tabindex=1>
</form>
</body>
</html>

FALLSEM2021-22 ITE1002 ETH VL2021220100575 Reference Material II 16-Aug-2021 HTML Form Example Code

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

FALLSEM2021-22 ITE1002 ETH VL2021220100575 Reference Material II 16-Aug-2021 HTML Form Example Code

Uploaded by

Copyright:

Available Formats

<html>

Additional Information about you:<br>

<input type="reset" value="clear" tabindex="9">

You might also like