1. Create a Registration page for user to add in name, id and password. (5 point
ID: 3676305 • Letter: 1
Question
1. Create a Registration page for user to add in name, id and password. (5 points)
2. Create a login page where users can use their names and passwords to get on the account. (3 points)
3. Create a service page after the users’ login. The users can use this page to see all people who have registered and chat with any of them. (2 points)
4. Create an actual chatting page. (1 point bonus)
5. Create an actual chatting page supporting various natural languages based on existing Java code provided by the instructor. (1 point bonus)
Explanation / Answer
1)
<html>
<head>
<title>Registration Form Using jQuery - Demo Preview</title>
<meta name="robots" content="noindex, nofollow">
<!-- Include CSS File Here -->
<link rel="stylesheet" href="css/style.css"/>
<!-- Include JS File Here -->
<script src="Your link here"></script>
<script type=""></script>
</head>
<body>
<div class="container">
<div class="main">
<form class="form" method="post" action="#">
<h2>Create Registration Form Using jQuery</h2>
<label>Name :</label>
<input type="text" name="dname" id="name">
<label>Email :</label>
<input type="text" name="demail" id="email">
<label>Password :</label>
<input type="password" name="password" id="password">
<label>Confirm Password :</label>
<input type="password" name="cpassword" id="cpassword">
<input type="button" name="register" id="register" value="Register">
</form>
</div>
</body>
</html>
2)
<html>
<head>
<style>
body {
font-style: italic;
width: 50%;
margin: 0px auto;
}
#login_form
{
}
#f1
{
background-color: #FFF;
border-style: solid;
border-width: 1px;
padding: 23px 1px 20px 114px;
}
.f1_label
{
white-space: nowrap;
}
span {color: white;}
.new
{
background: black;
text-align: center;
}
</style>
</head>
<body>
<div id="login_form">
<div class="new"><span>enter login details</span></div>
<form name="f1" method="post" action="login.php" id="f1">
<table>
<tr>
<td class="f1_label">User Name :</td>
<td><input type="text" name="username" value="" />
</td>
</tr>
<tr>
<td class="f1_label">Password :
<td><input type="password" name="password" value="" />
</td>
</tr>
<tr>
<td>
<input type="submit" name="login" value="Log In" />
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.