You are on page 1of 3

Web Programming Continuation:

Program 4:
Create Student Registration Form in HTML
Aim: To create Student Registration form in HTML
Program:
<!DOCTYPE html>
<html>
<head>
<title>STUDENT FORM</title>
</head>
<body bgcolor="#FFB6C1" text="maroon">
<form action="" method="post">
<h2 align="center">STUDENT REGISTRATION FORM</h2>
<table border="3" bordercolor="black" align="center" height="600" width="500">
<tr>
<td>First Name:</td>
<td><input type="text" name="fname" required>*</td>
</tr>
<tr>
<td>Last Name:</td>
<td><input type="text" name="lname" required>*</td>
</tr>
<tr>
<td>Gender:</td>
<td>Female <input type="radio" name="gender" value="female" checked>
Male <input type="radio" name="gender" value="male"></td>
</tr>
<tr>
<td>Phone Number:</td>
<td><input type="text" name="phno" required>*</td>
</tr>
<tr>
<td>Address:</td>
<td><textarea name="address" rows="5" cols="30"></textarea></td>
</tr>
<tr>
<td>Qualifications:</td>
<td>
<input type="checkbox" name="q1" value="inter">Intermediate<br>
<input type="checkbox" name="q2" value="degree">Degree<br>
<input type="checkbox" name="q3" value="post graduation">Post
Graduation<br>
<input type="checkbox" name="q4" value="phd">Ph.D<br>
</td>
</tr>
<tr>
<td>Course to be joined:</td>
<td>
<select id="course" name="course" size="1">
<option value="C">C Language</option>
<option value="JAVA">JAVA</option>
<option value="PYTHON">PYTHON</option>
<option value="ORACLE">ORACLE</option>
<option value="DOTNET">.NET FRAMEWORK</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" name="submit" value="Register" align="right">
<input type="reset" value="Reset">
</td>
</tr>
</table>
</form>
</body>
</html>
Output:

Program : 5

Email Validation in HTML/JS

Aim: Email validation using Html and JavaScript by using regular expressions
Program:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Email Validation</title>
<script>
function validateEmail() {
var email = document.getElementById("email").value;
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

if (emailRegex.test(email)) {
alert("Valid email address!");
} else {
alert("Invalid email address! Please enter a valid email.");
}
}
</script>
</head>
<body>
<label for="email">Email:</label>
<input type="text" id="email" name="email">
<button onclick="validateEmail()">Validate</button>
</body>
</html>

Output:#1

Output #2

You might also like