Scribd
Upload
2 views

html application

The document outlines a lab manual for creating a simple application form using HTML. It includes the aim, objectives, required apparatus, software, and a detailed procedure with HTML code for the form. The form consists of fields for name, contact number, gender, languages known, highest qualification, and address, along with submit and reset buttons.

Uploaded by

karanambhargav09
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

html application

The document outlines a lab manual for creating a simple application form using HTML. It includes the aim, objectives, required apparatus, software, and a detailed procedure with HTML code for the form. The form consists of fields for name, contact number, gender, languages known, highest qualification, and address, along with submit and reset buttons.

Uploaded by

karanambhargav09
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

CO2_HTML _LAB MANUAL

EXP 5- Creating Application Form in HTML web page

1.1 AIM: - To create application form in HTML web page.

1.2 Objectives: To understand concept of Design of simple static web page


with HTML

1.3 Apparatus: Desktop or Laptop with any operating system like UNIX,
LINUX and Windows.

1.4 Software: Notepad or Notepad++ or Visual Studio Code and any web
Browser like Internet Explorer, Goggle Chrome, and Mozilla Firefox etc .

1.5 Procedure:
<!DOCTYPE html>
<html lang="en">
<head>
<title>SIMPLE FORM</title>
</head>
<body>
<h3>simple registration form</h3>
<form action="none">
<table>
<tr>
<td>NAME:</td>
<td>
<input type="text" id="name" name="name"
pattern="[A-Z]+" title="Please enter only
Alphabets"required><br><br>
</td>
</tr>
<tr>
<td>CONTACT:</td>
<td>
<input type="tel" id="contact_number"
name="contact_number" pattern="[0-9]{10}" title="Please
enter only 10-digit number" maxlength="10"
required><br><br>
</td>
</tr>
<tr>
<td>GENDER:</td>
<td>
<input type="radio" name="gender"> M
<input type="radio" name="gender"> F
</td>
</tr>
<tr>
<td>Languages known:</td>
<td>
<input type="checkbox"> ENGLISH
<input type="checkbox"> HINDI
<input type="checkbox"> TELUGU
<input type="checkbox"> KANNADA
</td>
</tr>
<tr>
<td>HIGHEST QUALIFICATION:</td>
<td>
<select>
<option>NOT APPLICABLE</option>
<option>SSC</option>
<option>INTER</option>
<option>GRADUATION</option>
<OPtion>POST GRADUATION</OPtion>
</select>
</td>
</tr>
<tr>
<td>ADDRESS:</td>
<td>
<textarea cols="30" rows="10"></textarea>
</td>
</tr>
<tr>
<td>
<input type="submit" placeholder="submit">
<input type="reset" placeholder="reset">
</td>
</tr>
</table>
</form>
</body>
</html>

1.6 Result:

You might also like