Scribd
Upload
14 views

anu6

Uploaded by

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

anu6

Uploaded by

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

Experiment - 6

Objective : Write HTML program to design an entry form for student details/employee information/faculty
details.

Theory : Forms

In HTML, a form is used to collect user input and submit it to a server for processing. It can include various
input types like text fields, radio buttons, checkboxes, and more. Here’s a detailed explanation of HTML
forms, along with example code.
A student registration page using HTML and CSS collects student information through a structured form.
HTML provides the layout, including input fields such as name, email, phone, address, and more. A prefix
dropdown allows for title selection. CSS styles the form, enhancing usability and appearance. It aligns
elements like the student photo, heading, and submit button for a visually appealing layout. Flexbox or text
alignment centers the form’s content, while input fields and labels are sized appropriately for readability on
PC screens. Background images and custom buttons improve user experience, creating a responsive and
functional registration interface

Source Code : Form Page

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Student Registration Form </title>
</head>
<body>
<form>
<h2>Registration Form</h2>
<br>
<label><b>Name</b></label>
<input type="text" placeholder="Enter your name"
name="name" required>
<br>
<br>

<label><b>E-mail</b></label>
<input type="email" placeholder="Enter your e-mail" name="email"
required>
<br>
<br>
<label><b>Date of Birth</b></label>
<input type="date" name="dob" required>
<br>
<br>
<label><b>Username</b></label>
<input type="text" placeholder=" Username" name="username"
required>
<br>
<br>
<label><b> Password</b></label>
<input type="password" placeholder=" password" name="password"
required>
<br>
<br>
<label><b>Gender</b></label><br>
<input type="radio" name="gender" value="Male">
<label for="Male">Male</label><br>
<input type="radio" name="gender" value="Female">
<label for="Female">Female</label><br>
<input type="radio" name="gender" value="Others">
<label for="Others">Others</label>
<br>
<br>
<label><b>Course :</b></label>
<input type="text" name="course" id="">

<br>
<br>
<input type="button" value="Register Here"/> </form>
</body>
</html>

Output :

You might also like