0% found this document useful (0 votes)

5 views

Web T Lab File

The document outlines a series of experiments involving HTML, CSS, and JavaScript for web development. It includes creating an institute website with departmental information, an entry form for student/employee/faculty details, a responsive blog design, a registration form with input validation using JavaScript, and an XML document for storing employee details. Each section provides code examples and styling instructions for the respective web applications.

Uploaded by

justhadenoughgaming

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)

5 views

Web T Lab File

Uploaded by

justhadenoughgaming

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/ 38

EXPERIMENT – 01

1. Develop HTML program for designing your institute website. Display

departmental information of your institute on the website.

INSTITUTE.HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IMS ENGINEERING COLLEGE</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f9;
}
header {
background-color: #004080;
color: white;
padding: 10px 20px;
text-align: center;
}
nav {
background-color: #0066cc;
padding: 10px 20px;
text-align: center;
}
nav a {
color: white;
text-decoration: none;
margin: 0 15px;
font-weight: bold;
}
nav a:hover {
text-decoration: underline;
2|Page
}
section {
padding: 20px;
text-align: left;
}
.department {
margin: 15px 0;
padding: 15px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #ffffff;
}
footer {
background-color: #004080;
color: white;
text-align: center;
padding: 10px 20px;
position: fixed;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<header>
<h1>Welcome to IMS ENGINEERING COLLEGE</h1>
</header>
<nav>
<a href="#cse">CSE Department</a>
<a href="#cs">CS Department</a>
<a href="#ece">ECE Department</a>
<a href="#mech">Mechanical Department</a>
<a href="#contact">Contact Us</a>
</nav>
<section>
<h2>About Our Institute</h2>
<p>IMS ENGINEERING COLLEGE is dedicated to providing quality education and
fostering innovation among students.</p>
<h2 id="cse">Computer Science and Engineering (CSE)</h2>

3|Page
<div class="department">
<p>The CSE Department offers programs focused on software development,
artificial intelligence, and cybersecurity.</p>
</div>
<h2 id="cs">Computer Science (CS)</h2>
<div class="department">
<p>The CS Department offers programs focused on software development,
artificial intelligence,machine learning, system design and cybersecurity.</p>
</div>
<h2 id="ece">Electronics and Communication Engineering (ECE)</h2>
<div class="department">
<p>The ECE Department provides education in telecommunications, VLSI, and
IoT technologies.</p>
</div>
<h2 id="mech">Mechanical Engineering</h2>
<div class="department">
<p>The Mechanical Engineering Department specializes in manufacturing
processes, robotics, and thermodynamics.</p>
</div>
</section>
<footer>
<p>© 2024 IMS ENGINEERING COLLEGE. All Rights Reserved.</p>
</footer>
</body>
</html>

OUTPUT:

4|Page
EXPERIMENT – 02
2. Develop HTML program to design an entry form for student
details/employee information/faculty details.

DETAILS.HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Entry Form</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
}
header {
background-color: #004080;
color: white;
text-align: center;
padding: 15px;
}
form {
max-width: 500px;
margin: 20px auto;
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
form label {
font-weight: bold;
display: block;
margin: 10px 0 5px;
}

5|Page
form input, form select, form textarea, form button {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}
form button {
background-color: #004080;
color: white;
border: none;
font-weight: bold;
cursor: pointer;
}
form button:hover {
background-color: #0066cc;
}
</style>
</head>
<body>
<header>
<h1>Entry Form</h1>
</header>
<form action="#" method="post">
<label for="name">Full Name:</label>
<input type="text" id="name" name="name" placeholder="Enter your full name"
required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Enter your email"
required>

<label for="role">Role:</label>
<select id="role" name="role" required>
<option value="">Select Role</option>
<option value="student">Student</option>
<option value="employee">Employee</option>
<option value="faculty">Faculty</option>
</select>

6|Page
<label for="department">Department:</label>
<select id="department" name="department" required>
<option value="">Select Department</option>
<option value="cs">Computer Science</option>
<option value="cse">Computer Science and Engineering</option>
<option value="ece">Electronics and Communication</option>
<option value="mech">Mechanical</option>
<option value="civil">Civil</option>
</select>

<label for="phone">Phone Number:</label>

<label for="address">Address:</label>
<textarea id="address" name="address" rows="4" placeholder="Enter your
address"></textarea>

<button type="submit">Submit</button>
</form>
</body>
</html>

7|Page
OUTPUT:

8|Page
EXPERIMENT – 03
3. Develop a responsive website using CSS and HTML. Website may be
for tutorial/blogs/commercial website.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Blog</title>
<style>
/* General Reset */
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: Arial, sans-serif;
line-height: 1.6;
background-color: #f4f4f9;
color: #333;
}

header {
background: #004080;
color: white;
padding: 20px 10px;
text-align: center;
}

header h1 {
font-size: 2rem;
margin-bottom: 5px;
}

header p {

9|Page
font-size: 1rem;
}

nav {
display: flex;
justify-content: center;
background: #0066cc;
padding: 10px;
}

nav a {
color: white;
text-decoration: none;
margin: 0 15px;
font-size: 1rem;
}

nav a:hover {
text-decoration: underline;
}

.container {
max-width: 1100px;
margin: 20px auto;
padding: 0 15px;
}

.grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
}

.card {
flex: 1 1 calc(33.333% - 20px);
background: white;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

10 | P a g e
transition: transform 0.3s ease;
}

.card:hover {
transform: scale(1.05);
}

.card img {
max-width: 100%;
border-radius: 8px;
}

.card h3 {
font-size: 1.2rem;
margin: 10px 0;
}

.card p {
font-size: 0.9rem;
color: #555;
}

footer {
background: #004080;
color: white;
text-align: center;
padding: 10px;
margin-top: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
.card {
flex: 1 1 calc(50% - 20px);
}
}

@media (max-width: 500px) {

.card {

11 | P a g e
flex: 1 1 100%;
}

nav {
flex-wrap: wrap;
}

nav a {
margin: 5px 10px;
}
}
</style>
</head>
<body>
<header>
<h1>Welcome to My Blog</h1>
<p>Your daily dose of knowledge</p>
</header>

<nav>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#blogs">Blogs</a>
<a href="#contact">Contact</a>
</nav>

<div class="container">
<h2>Latest Posts</h2>
<div class="grid">
<div class="card">
<img src="" alt="Post Image">
<h3>Understanding Responsive Design</h3>
<p>Learn how to make your website look great on any device.</p>
</div>
<div class="card">
<img src="" alt="Post Image">
<h3>Top 10 CSS Tricks</h3>
<p>Discover the most useful CSS techniques for developers.</p>
</div>

12 | P a g e
<div class="card">
<img src="" alt="Post Image">
<h3>JavaScript for Beginners</h3>
<p>A guide to getting started with JavaScript programming.</p>
</div>
</div>
</div>

<footer>
<p>© 2024 My Blog. All rights reserved.</p>
</footer>
</body>
</html>

OUTPUT:

13 | P a g e
EXPERIMENT – 04
4. Develop Java script application to validate input data in registration
form.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Registration Form Validation</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f9;
}

.container {
max-width: 500px;
margin: 50px auto;
padding: 20px;
background: white;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

h2 {
text-align: center;
margin-bottom: 20px;
}

form label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}

14 | P a g e
form input {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
}

form button {
width: 100%;
padding: 10px;
background-color: #004080;
color: white;
border: none;
border-radius: 5px;
font-weight: bold;
cursor: pointer;
}

form button:hover {
background-color: #0066cc;
}

.error {
color: red;
font-size: 0.9rem;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="container">
<h2>Registration Form</h2>
<form id="registrationForm">
<label for="name">Name:</label>
<input type="text" id="name" name="name" placeholder="Enter your
name">
<div id="nameError" class="error"></div>

15 | P a g e
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="Enter your
email">
<div id="emailError" class="error"></div>

<label for="password">Password:</label>
<input type="password" id="password" name="password"
placeholder="Enter your password">
<div id="passwordError" class="error"></div>

<label for="phone">Phone Number:</label>

<button type="button" onclick="validateForm()">Register</button>

</form>
</div>

// Get input values

const name = document.getElementById("name").value.trim();
const email = document.getElementById("email").value.trim();
const password = document.getElementById("password").value.trim();
const phone = document.getElementById("phone").value.trim();

let isValid = true;

// Validate Name
if (name === "") {
document.getElementById("nameError").innerText = "Name is
required.";

16 | P a g e
isValid = false;
}

// Validate Email
const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
if (!emailPattern.test(email)) {
document.getElementById("emailError").innerText = "Enter a valid
email address.";
isValid = false;
}

// Validate Password
if (password.length < 6) {
document.getElementById("passwordError").innerText = "Password
must be at least 6 characters long.";
isValid = false;
}

// Validate Phone Number

const phonePattern = /^[0-9]{10}$/;
if (!phonePattern.test(phone)) {
document.getElementById("phoneError").innerText = "Enter a valid
10-digit phone number.";
isValid = false;
}

// If all validations pass

if (isValid) {
alert("Registration successful!");
document.getElementById("registrationForm").reset();
}
}
</script>
</body>
</html>

OUTPUT:

17 | P a g e
18 | P a g e
19 | P a g e
EXPERIMENT – 05
5. Develop a markup language to store employee details and validate
it using DTD. Create a style sheet in CSS/ XSL & display the document
in Browser.

Employees.xml

<?xml version="1.0" encoding="UTF-8"?>

<?xml-stylesheet type="text/xsl" href="style.xsl"?>
<!DOCTYPE Employees SYSTEM "employees.dtd">
<Employees>
<Employee>
<ID>101</ID>
<Name>John Doe</Name>
<Designation>Software Engineer</Designation>
<Department>IT</Department>
<Salary>75000</Salary>
</Employee>
<Employee>
<ID>102</ID>
<Name>Jane Smith</Name>
<Designation>Project Manager</Designation>
<Department>Management</Department>
<Salary>120000</Salary>
</Employee>
</Employees>

Employees.dtd

<!ELEMENT Employees (Employee+)>

<!ELEMENT Employee (ID, Name, Designation, Department, Salary)>
<!ELEMENT ID (#PCDATA)>
<!ELEMENT Name (#PCDATA)>
<!ELEMENT Designation (#PCDATA)>
<!ELEMENT Department (#PCDATA)>

20 | P a g e
<!ELEMENT Salary (#PCDATA)>

Style.xsl

<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
<xsl:template match="/Employees">
<html>
<head>
<title>Employee Details</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
color: #333;
}
.employee {
border: 1px solid #ccc;
padding: 10px;
margin-bottom: 15px;
background-color: #f9f9f9;
}
.id {
font-weight: bold;
color: #007BFF;
}
</style>
</head>
<body>
<h1>Employee Details</h1>
<xsl:for-each select="Employee">
<div class="employee">
<div class="id">ID: <xsl:value-of select="ID" /></div>
<div>Name: <xsl:value-of select="Name" /></div>
<div>Designation: <xsl:value-of select="Designation" /></div>
<div>Department: <xsl:value-of select="Department" /></div>
<div>Salary: <xsl:value-of select="Salary" /></div>
</div>

21 | P a g e
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
OUTPUT:

22 | P a g e
EXPERIMENT – 06
6. Develop Client Server application using Socket Programming in java.
Server.java

import java.io.*;
import java.net.*;

public class Server {

public static void main(String[] args) {
int port = 12345; // Port to listen on
try (ServerSocket serverSocket = new ServerSocket(port)) {
System.out.println("Server is listening on port " + port);

// Wait for a client connection

Socket socket = serverSocket.accept();
System.out.println("Client connected");

// Input and Output streams

InputStream input = socket.getInputStream();
BufferedReader reader = new BufferedReader(new InputStreamReader(input));

OutputStream output = socket.getOutputStream();

PrintWriter writer = new PrintWriter(output, true);

// Read client message

String clientMessage;
while ((clientMessage = reader.readLine()) != null) {
System.out.println("Received from client: " + clientMessage);

// Send a response
writer.println("Server: Message received -> " + clientMessage);

// Exit condition
if ("bye".equalsIgnoreCase(clientMessage)) {
System.out.println("Client disconnected");
break;
}

23 | P a g e
}

socket.close();
} catch (IOException ex) {
ex.printStackTrace();
}
}
}

Client.java

import java.io.*;
import java.net.*;

public class Client {

public static void main(String[] args) {
String host = "localhost"; // Server IP
int port = 12345; // Port to connect to

try (Socket socket = new Socket(host, port)) {

System.out.println("Connected to the server");

// Input and Output streams

OutputStream output = socket.getOutputStream();
PrintWriter writer = new PrintWriter(output, true);

InputStream input = socket.getInputStream();

BufferedReader reader = new BufferedReader(new InputStreamReader(input));

// Console input for user messages

BufferedReader consoleReader = new BufferedReader(new
InputStreamReader(System.in));
String message;

System.out.println("Enter messages (type 'bye' to exit):");

while (true) {

24 | P a g e
message = consoleReader.readLine(); // Read user input
writer.println(message); // Send message to server

// Exit condition
if ("bye".equalsIgnoreCase(message)) {
break;
}

String response = reader.readLine(); // Read server response

System.out.println("Server: " + response);
}

socket.close();
} catch (IOException ex) {
ex.printStackTrace();
}
}
}
Client OUPUT:

Server OUTPUT:

25 | P a g e
EXPERIMENT -07
7. Develop application in java servlet to add and retrieve cookies to
maintain client data.
(Assume four users user1, user2, user3 and user4 having the
passwords pwd1, pwd2, pwd3 and pwd4 respectively).

public class LoginServlet extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();

// Get user credentials from request

String username = request.getParameter("username");
String password = request.getParameter("password");

// Hardcoded user credentials

String[][] users = {
{"user1", "pwd1"},
{"user2", "pwd2"},
{"user3", "pwd3"},
{"user4", "pwd4"}
};

boolean authenticated = false;

for (String[] user : users) {

if (user[0].equals(username) && user[1].equals(password)) {
authenticated = true;
break;
}
}

26 | P a g e
if (authenticated) {
// Create cookies for the user
Cookie userCookie = new Cookie("username", username);
response.addCookie(userCookie);

out.println("<h2>Login Successful!</h2>");
out.println("<a href='dashboard'>Go to Dashboard</a>");
} else {
out.println("<h2>Invalid username or password!</h2>");
out.println("<a href='login.html'>Try Again</a>");
}
}
}

DashboardServlet.java

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;

public class DashboardServlet extends HttpServlet {

protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();

// Retrieve cookies
Cookie[] cookies = request.getCookies();
String username = null;

if (cookies != null) {
for (Cookie cookie : cookies) {
if (cookie.getName().equals("username")) {
username = cookie.getValue();
break;

27 | P a g e
}
}
}

if (username != null) {
out.println("<h2>Welcome, " + username + "!</h2>");
out.println("<a href='logout'>Logout</a>");
} else {
out.println("<h2>No user logged in!</h2>");
out.println("<a href='login.html'>Login</a>");
}
}
}

LogoutServlet.java

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;

public class LogoutServlet extends HttpServlet {

protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();

// Clear cookies
Cookie[] cookies = request.getCookies();
if (cookies != null) {
for (Cookie cookie : cookies) {
cookie.setMaxAge(0); // Delete cookie
response.addCookie(cookie);
}
}

out.println("<h2>You have been logged out!</h2>");

out.println("<a href='login.html'>Login Again</a>");
}

28 | P a g e
}

<!DOCTYPE html>
<html>
<head>
<title>Login</title>
</head>
<body>
<h2>Login</h2>
<form action="login" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>
<button type="submit">Login</button>
</form>
</body>
</html>

Web.xml

<web-app>
<servlet>
<servlet-name>LoginServlet</servlet-name>
<servlet-class>LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>

<servlet>
<servlet-name>DashboardServlet</servlet-name>
<servlet-class>DashboardServlet</servlet-class>

29 | P a g e
</servlet>
<servlet-mapping>
<servlet-name>DashboardServlet</servlet-name>
<url-pattern>/dashboard</url-pattern>
</servlet-mapping>

<servlet>
<servlet-name>LogoutServlet</servlet-name>
<servlet-class>LogoutServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LogoutServlet</servlet-name>
<url-pattern>/logout</url-pattern>
</servlet-mapping>
</web-app>

OUTPUT:

30 | P a g e
Experiment – 08
8. Develop Login and Registration process application using Servlet

Index.html

<!DOCTYPE html>
<html>
<head>
<title>Login & Registration</title>
</head>
<body>
<h2>Registration</h2>
<form action="register" method="post">
<label for="regUsername">Username:</label>
<input type="text" id="regUsername" name="username" required><br><br>
<label for="regPassword">Password:</label>
<input type="password" id="regPassword" name="password" required><br><br>
<button type="submit">Register</button>
</form>

<h2>Login</h2>
<form action="login" method="post">
<label for="loginUsername">Username:</label>
<input type="text" id="loginUsername" name="username" required><br><br>
<label for="loginPassword">Password:</label>
<input type="password" id="loginPassword" name="password"
required><br><br>
<button type="submit">Login</button>
</form>
</body>
</html>

RegisterServlet.java

31 | P a g e
import java.io.*;
import java.util.HashMap;
import javax.servlet.*;
import javax.servlet.http.*;

public class RegisterServlet extends HttpServlet {

private static final HashMap<String, String> users = new HashMap<>();

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();

// Retrieve username and password

String username = request.getParameter("username");
String password = request.getParameter("password");

// Check if user already exists

if (users.containsKey(username)) {
out.println("<h2>Registration failed! User already exists.</h2>");
} else {
// Add user to the HashMap
users.put(username, password);
out.println("<h2>Registration successful! You can now log in.</h2>");
}

out.println("<a href='index.html'>Go Back</a>");

}

public static HashMap<String, String> getUsers() {

return users;
}
}

LoginServlet.java

import java.io.*;

32 | P a g e
import javax.servlet.*;
import javax.servlet.http.*;

public class LoginServlet extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();

// Retrieve username and password

String username = request.getParameter("username");
String password = request.getParameter("password");

// Validate credentials
if (RegisterServlet.getUsers().containsKey(username) &&
RegisterServlet.getUsers().get(username).equals(password)) {
out.println("<h2>Login successful! Welcome, " + username + ".</h2>");
} else {
out.println("<h2>Login failed! Invalid username or password.</h2>");
}

out.println("<a href='index.html'>Go Back</a>");

}
}

Web.xml

<web-app>
<servlet>
<servlet-name>RegisterServlet</servlet-name>
<servlet-class>RegisterServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>RegisterServlet</servlet-name>
<url-pattern>/register</url-pattern>
</servlet-mapping>

33 | P a g e
<servlet-name>LoginServlet</servlet-name>
<servlet-class>LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>
</web-app>

OUTPUT:

34 | P a g e
Experiment – 09

9. Develop a simple JSP application displaying user name and his city.

Index.jsp

<!DOCTYPE html>
<html>
<head>
<title>User Information</title>
</head>
<body>
<h2>Enter Your Details</h2>
<form action="display.jsp" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br><br>

<button type="submit">Submit</button>
</form>
</body>
</html>

Display.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Display User Details</title>
</head>

35 | P a g e
<body>
<h2>User Details</h2>

<%
// Retrieve data from the form
String name = request.getParameter("name");
String city = request.getParameter("city");
%>

<p><strong>Name:</strong> <%= name %></p>

<a href="index.jsp">Go Back</a>

</body>
</html>

OUTPUT:

36 | P a g e
EXPERIMENT – 10
10. Develop a registration process using JavaBeans and JSP.

User.java

package beans;

public class User {

private String name;
private String email;
private String password;

// Getter and Setter for Name

public String getName() {
return name;
}

public void setName(String name) {

this.name = name;
}

// Getter and Setter for Email

public String getEmail() {
return email;
}

public void setEmail(String email) {

this.email = email;
}

// Getter and Setter for Password

public String getPassword() {
return password;
}

public void setPassword(String password) {

this.password = password;

37 | P a g e
}
}

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<h2>User Registration</h2>
<form action="process.jsp" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br><br>

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

<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br><br>

<button type="submit">Register</button>
</form>
</body>
</html>

Process.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>
<%@ page import="beans.User" %>
<!DOCTYPE html>
<html>

38 | P a g e
<head>
<title>Registration Successful</title>
</head>
<body>
<h2>Registration Confirmation</h2>

<jsp:useBean id="user" class="beans.User" scope="session">

<jsp:setProperty name="user" property="*" />
</jsp:useBean>

<p><strong>Name:</strong> <%= user.getName() %></p>

<p><strong>Email:</strong> <%= user.getEmail() %></p>

<p>Registration successful! Thank you, <%= user.getName() %>.</p>

<a href="register.jsp">Register Another User</a>
</body>
</html>

39 | P a g e

AJP Lab Manual
100% (6)
AJP Lab Manual
37 pages
saanp file
No ratings yet
saanp file
37 pages
WT LAB FIE[1]
No ratings yet
WT LAB FIE[1]
23 pages
darshit1 (1)
No ratings yet
darshit1 (1)
35 pages
Web Designing File (1)
No ratings yet
Web Designing File (1)
50 pages
htmlcss1
No ratings yet
htmlcss1
11 pages
Untitled document (2) (1)
No ratings yet
Untitled document (2) (1)
30 pages
3r yr exam exercises
No ratings yet
3r yr exam exercises
21 pages
Web Technology (1)
No ratings yet
Web Technology (1)
23 pages
intern project
No ratings yet
intern project
36 pages
Srikant H
No ratings yet
Srikant H
5 pages
All Exp
No ratings yet
All Exp
29 pages
WT LAB FILE (1)
No ratings yet
WT LAB FILE (1)
60 pages
782 Assignment 2
No ratings yet
782 Assignment 2
13 pages
Exp 14
No ratings yet
Exp 14
7 pages
BWD Manual (1) - Removed
No ratings yet
BWD Manual (1) - Removed
21 pages
wt file
No ratings yet
wt file
27 pages
WebTech Lab
No ratings yet
WebTech Lab
45 pages
Assignment
No ratings yet
Assignment
18 pages
BCA Semester WT PRACTICAL FILE
No ratings yet
BCA Semester WT PRACTICAL FILE
37 pages
final
No ratings yet
final
13 pages
782 Assignment
No ratings yet
782 Assignment
7 pages
exp5
No ratings yet
exp5
28 pages
Message
No ratings yet
Message
4 pages
Webdev_merged
No ratings yet
Webdev_merged
29 pages
Web8
No ratings yet
Web8
14 pages
wt_practical QUESTIONS PUNEET
No ratings yet
wt_practical QUESTIONS PUNEET
15 pages
Assignment 4
No ratings yet
Assignment 4
8 pages
WEB TECNOLOGY BTECH 5th SEM
No ratings yet
WEB TECNOLOGY BTECH 5th SEM
26 pages
web_lab_ex
No ratings yet
web_lab_ex
33 pages
Ganesh UI Lab
No ratings yet
Ganesh UI Lab
11 pages
Web Tech
No ratings yet
Web Tech
55 pages
WEB WORKSHOP FILE
No ratings yet
WEB WORKSHOP FILE
52 pages
Experiment 1
No ratings yet
Experiment 1
41 pages
Final Practical File
No ratings yet
Final Practical File
36 pages
CCS370 LAB MANUAL (2)
No ratings yet
CCS370 LAB MANUAL (2)
45 pages
IT LAB MANUAL
No ratings yet
IT LAB MANUAL
31 pages
Web-Design-Lab[1]
No ratings yet
Web-Design-Lab[1]
58 pages
DWPD (3350702) Practical List
No ratings yet
DWPD (3350702) Practical List
60 pages
Node JS
No ratings yet
Node JS
48 pages
WP2
No ratings yet
WP2
5 pages
Exp No 1
No ratings yet
Exp No 1
9 pages
Report 2
No ratings yet
Report 2
55 pages
Wtminiproject
No ratings yet
Wtminiproject
22 pages
LAB Manual Frontend
No ratings yet
LAB Manual Frontend
32 pages
sujal_sahu_lab_externalFile
No ratings yet
sujal_sahu_lab_externalFile
81 pages
New File 1 - Removed
No ratings yet
New File 1 - Removed
11 pages
Answer of web
No ratings yet
Answer of web
32 pages
cmts report-7
No ratings yet
cmts report-7
21 pages
Lab Session 09 WebEngineering
No ratings yet
Lab Session 09 WebEngineering
24 pages
20bci0121 Task3
No ratings yet
20bci0121 Task3
9 pages
E1
No ratings yet
E1
11 pages
Banking Management SystemPages.html
No ratings yet
Banking Management SystemPages.html
20 pages
ABC
No ratings yet
ABC
10 pages
Web tech lab file aktu
No ratings yet
Web tech lab file aktu
62 pages
module-7-week-13
No ratings yet
module-7-week-13
11 pages
1745299909503_Web_With_Inserted_Outputs
No ratings yet
1745299909503_Web_With_Inserted_Outputs
22 pages
HTML Lab Work 3
No ratings yet
HTML Lab Work 3
3 pages
23hcs4142 Rohan Singh
No ratings yet
23hcs4142 Rohan Singh
27 pages
Angular Shopping Store: From Scratch to Successful Payment
From Everand
Angular Shopping Store: From Scratch to Successful Payment
Abdelfattah Ragab
No ratings yet
Responsive Design: All CSS responsive features
From Everand
Responsive Design: All CSS responsive features
Abdelfattah Ragab
No ratings yet
A Project Report of ISM On Role of Java in Market
No ratings yet
A Project Report of ISM On Role of Java in Market
17 pages
My Java Practical File-2
No ratings yet
My Java Practical File-2
51 pages
NBKR Institute of Science & Technology: Vidyanagar (Autonomous) Computer Science & Engineering
No ratings yet
NBKR Institute of Science & Technology: Vidyanagar (Autonomous) Computer Science & Engineering
42 pages
Research and Design of My Hometown JESSORE Based On JAVA Web Technology Introduces My Hometown
No ratings yet
Research and Design of My Hometown JESSORE Based On JAVA Web Technology Introduces My Hometown
78 pages
JAGDISH KUMAR SURIN Resume 939
No ratings yet
JAGDISH KUMAR SURIN Resume 939
1 page
Full Stack Web Development - Java Spring Boot: Programming in Java: Level 1
No ratings yet
Full Stack Web Development - Java Spring Boot: Programming in Java: Level 1
9 pages
Yibo Chen Java
No ratings yet
Yibo Chen Java
1 page
Which Is Better: Forms Servlet or Socket Mode?
No ratings yet
Which Is Better: Forms Servlet or Socket Mode?
3 pages
100% Job Oriented Full Stack Development Internship
No ratings yet
100% Job Oriented Full Stack Development Internship
5 pages
Advanced Programming With JAVA
No ratings yet
Advanced Programming With JAVA
8 pages
Ebooks File Murach S Java Servlets and JSP 3rd Edition Edition Joel Murach All Chapters
100% (6)
Ebooks File Murach S Java Servlets and JSP 3rd Edition Edition Joel Murach All Chapters
84 pages
JSP Note by Advance Java
No ratings yet
JSP Note by Advance Java
45 pages
Sandeep Soc 4
No ratings yet
Sandeep Soc 4
42 pages
Javaprogramming Objective (0500536)
No ratings yet
Javaprogramming Objective (0500536)
42 pages
III-CSE-Syllabus
No ratings yet
III-CSE-Syllabus
62 pages
R18B Tech CSE (AIML) IIIIVYearTentativeSyllabus
No ratings yet
R18B Tech CSE (AIML) IIIIVYearTentativeSyllabus
72 pages
M.sc. Computer Science Syllabus - 2021-2022 Onwards
No ratings yet
M.sc. Computer Science Syllabus - 2021-2022 Onwards
66 pages
Lab File: Pranveer Singh Institute of Technology, Kanpur
No ratings yet
Lab File: Pranveer Singh Institute of Technology, Kanpur
45 pages
Web Applications: Anatomy of A URL
No ratings yet
Web Applications: Anatomy of A URL
3 pages
CFFD Documentation
No ratings yet
CFFD Documentation
91 pages
SADP Module 5
No ratings yet
SADP Module 5
34 pages
Ayodhya Patil
No ratings yet
Ayodhya Patil
1 page
Krishna-Java Developer
No ratings yet
Krishna-Java Developer
10 pages
Tech Guru
No ratings yet
Tech Guru
8 pages
Unit IV- JSP, Web Services, Sturts.pptx 1
No ratings yet
Unit IV- JSP, Web Services, Sturts.pptx 1
132 pages
WT MCQ For Insem
No ratings yet
WT MCQ For Insem
49 pages
Tutorial On Integrating Eclipse and Tomcat
No ratings yet
Tutorial On Integrating Eclipse and Tomcat
34 pages
FSD 6th Semester Syllabus
No ratings yet
FSD 6th Semester Syllabus
17 pages
Download Enjoying Web Development with Tapestry 1ST Edition Ka ebook All Chapters PDF
100% (1)
Download Enjoying Web Development with Tapestry 1ST Edition Ka ebook All Chapters PDF
77 pages

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.

Web T Lab File

Uploaded by

Web T Lab File

Uploaded by

EXPERIMENT – 01

1. Develop HTML program for designing your institute website. Display

<label for="phone">Phone Number:</label>

@media (max-width: 500px) {

<label for="phone">Phone Number:</label>

<button type="button" onclick="validateForm()">Register</button>

// Get input values

let isValid = true;

// Validate Phone Number

// If all validations pass

<?xml version="1.0" encoding="UTF-8"?>

<!ELEMENT Employees (Employee+)>

<?xml version="1.0" encoding="UTF-8"?>

public class Server {

// Wait for a client connection

// Input and Output streams

OutputStream output = socket.getOutputStream();

// Read client message

public class Client {

try (Socket socket = new Socket(host, port)) {

// Input and Output streams

InputStream input = socket.getInputStream();

// Console input for user messages

System.out.println("Enter messages (type 'bye' to exit):");

String response = reader.readLine(); // Read server response

public class LoginServlet extends HttpServlet {

// Get user credentials from request

// Hardcoded user credentials

boolean authenticated = false;

for (String[] user : users) {

public class DashboardServlet extends HttpServlet {

public class LogoutServlet extends HttpServlet {

out.println("<h2>You have been logged out!</h2>");

public class RegisterServlet extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response)

// Retrieve username and password

// Check if user already exists

out.println("<a href='index.html'>Go Back</a>");

public static HashMap<String, String> getUsers() {

public class LoginServlet extends HttpServlet {

// Retrieve username and password

out.println("<a href='index.html'>Go Back</a>");

<%@ page language="java" contentType="text/html; charset=UTF-8"

<p><strong>Name:</strong> <%= name %></p>

<a href="index.jsp">Go Back</a>

public class User {

// Getter and Setter for Name

public void setName(String name) {

// Getter and Setter for Email

public void setEmail(String email) {

// Getter and Setter for Password

public void setPassword(String password) {

<%@ page language="java" contentType="text/html; charset=UTF-8"

<%@ page language="java" contentType="text/html; charset=UTF-8"

<jsp:useBean id="user" class="beans.User" scope="session">

<p><strong>Name:</strong> <%= user.getName() %></p>

<p>Registration successful! Thank you, <%= user.getName() %>.</p>

You might also like

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.