0% found this document useful (0 votes)
3 views5 pages

Wd HTML Form Practical

The document contains two HTML forms for student registration, featuring fields for personal information, educational details, and other relevant data. Key elements include inputs for name, email, password, gender, course selection, and agreement to terms. The forms are styled with a pink background and light blue sections, and include options for resetting or submitting the information.

Uploaded by

xiyil48369
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
0% found this document useful (0 votes)
3 views5 pages

Wd HTML Form Practical

The document contains two HTML forms for student registration, featuring fields for personal information, educational details, and other relevant data. Key elements include inputs for name, email, password, gender, course selection, and agreement to terms. The forms are styled with a pink background and light blue sections, and include options for resetting or submitting the information.

Uploaded by

xiyil48369
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

<html>

<head><title>Sample HTML Tag</title>


</head>
<body bgcolor="pink">
<p style="text-align:center"><font size=5>Registration Form</font></p>
<div style="border: 5px outset red;
background-color: lightblue;
text-align: center;">
<form action="#" autocomplete="off">
</br>
<label>Full Name:</label>
<input type="text" name="fullname" required><br><br>

<label>Email:</label>
<input type="email" name="email" required><br><br>

<label>Password:</label>
<input type="password" name="password" minlength="6" maxlength="10" required><br><br>

<label>Mobile Number:</label>
<input type="tel" name="mobile" pattern="[0-9]{10}" required><br><br>

<label>Date of Birth:</label>
<input type="date" name="dob"><br><br>

<label>Gender:</label>
<input type="radio" name="gender" value="M"> Male
<input type="radio" name="gender" value="F"> Female
<input type="radio" name="gender" value="O"> Other
<br><br>

<label>Course:</label>
<select name="course">
<option value="">--Select Course--</option>
<option>BCA</option>
<option>BBA</option>
<option>[Link]</option>
<option>[Link]</option>
<option>MCA</option>
</select>
<br><br>

<label>Hobbies:</label>
<input type="checkbox" name="hobby" value="Reading"> Reading
<input type="checkbox" name="hobby" value="Sports"> Sports
<input type="checkbox" name="hobby" value="Music"> Music
<br><br>

<label>Address:</label>
<textarea name="address" rows="4" cols="30"></textarea>
<br><br>

<input type="checkbox" required> I agree to the Terms and Conditions


<br><br>

<input type="submit" value="Register">


<input type="reset" value="Reset">

</form>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Student Registration Form</title>
</head>
<body bgcolor="pink">
<div style="border: 5px outset red;
background-color: lightblue;
text-align: center;">
<h1 align="center">Student Registration Form</h1>
<form action="[Link]" method="get">
<fieldset>
<legend><b>Personal Information</b></legend>
<label>Full Name:</label>
<input type="text" name="name" placeholder="Enter your name" required><br><br>
<label>Email:</label>
<input type="email" name="email" placeholder="abc@[Link]" required><br><br>
<label>Password:</label>
<input type="password" name="password" required><br><br>
<label>Age:</label>
<input type="number" name="age" min="18" max="60"><br><br>
<label>Date of Birth:</label>
<input type="date" name="dob"><br><br>
<label>Gender:</label>
<input type="radio" name="gender" value="Male"> Male
<input type="radio" name="gender" value="Female"> Female
<input type="radio" name="gender" value="Other"> Other
</fieldset>
<br>
<fieldset>
<legend><b>Educational Details</b></legend>
<label>Course:</label>
<select name="course">
<optgroup label="Under Graduate">
<option>BCA</option>
<option>BBA</option>
<option>[Link]</option>
</optgroup>
<optgroup label="Post Graduate">
<option>MCA</option>
<option>MBA</option>
<option>[Link]</option>
</optgroup>
</select>
<br><br>
<label>College Name:</label>
<input list="college">
<datalist id="college">
<option value="ABC College">
<option value="XYZ College">
<option value="Government College">
</datalist>
</fieldset>
<br>
<fieldset>
<legend><b>Other Details</b></legend>
<label>Mobile:</label>
<input type="tel" name="mobile"><br><br>
<label>Website:</label>
<input type="url"><br><br>
<label>Favorite Color:</label>
<input type="color"><br><br>
<label>Upload Photo:</label>
<input type="file"><br><br>
<label>Skills:</label>
<input type="checkbox"> HTML
<input type="checkbox"> CSS
<input type="checkbox"> JavaScript
<input type="checkbox"> PHP
<br><br>
<label>Address:</label>
<textarea rows="4" cols="40"></textarea>
</fieldset>
<br>
<label>
<input type="checkbox" required>
I agree to the Terms and Conditions
</label>
<br><br>
<button type="submit">Register</button>
<button type="reset">Reset</button>
</form>
<hr>
<footer>
<small>&copy; 2026 Student Registration Form</small>
</footer>
</div>
</body>
</html>

You might also like