Skip to content

Commit

Permalink
exp2
Browse files Browse the repository at this point in the history
  • Loading branch information
@ParthDhavan04
ParthDhavan04 committed May 21, 2024
1 parent 4557214 commit d6b5e28
Show file tree
Hide file tree
Showing 3 changed files with 221 additions and 0 deletions.
20 changes: 20 additions & 0 deletions exp2/loginform.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>LOGIN FORM</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>LOGIN MENU</h1>
<h3>Enter your login credentials</h3>
<form action="">
<label for="username">Username:</label>
<input type="text" id="username" name="username" placeholder="Enter your Username" required>
<label for="password">Password:</label>
<input type="password" id="password" name="password" placeholder="Enter your Password" required>
<br>
<button type="submit">Submit</button>
</form>
<p class="not-registered-link">Not registered? <a href="#">Create an account</a></p>
</body>
</html>
112 changes: 112 additions & 0 deletions exp2/sportsel.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,112 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sports Selection Form</title>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}

h2 {
text-align: center;
color: #333;
}

form {
max-width: 600px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

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

input[type="text"],
input[type="password"],
textarea,
select,
input[type="number"] {
width: 100%;
padding: 8px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}

select {
height: 34px; /* Adjust the height as needed */
}

input[type="number"] {
width: 50%;
padding: 8px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
appearance: number-input;
}

input[type="submit"] {
background-color: #4caf50;
color: #fff;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
}

input[type="submit"]:hover {
background-color: #45a049;
}
</style>
</head>
<body>

<h2>University Sports Selection Form</h2>

<form action="/submit" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>

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

<label for="address">Address:</label>
<textarea id="address" name="address" rows="4" required></textarea>

<label for="selectGame">Select Game:</label>
<select id="selectGame" name="selectGame" required>
<option value="football">Football</option>
<option value="basketball">Basketball</option>
<option value="volleyball">Volleyball</option>
<option value="volleyball">Cricket</option>
</select>

<label for="age">Age:</label>
<input type="number" id="age" name="age" required>

<label>Gender:</label>
<input type="radio" id="male" name="gender" value="male" required>
<label for="male">Male</label>
<input type="radio" id="female" name="gender" value="female" required>
<label for="female">Female</label>
<br>
<input type="submit" value="Submit">
</form>

</body>
</html>
89 changes: 89 additions & 0 deletions exp2/studentcoursesel.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Course Registration Form</title>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}

h2 {
text-align: center;
color: #8B4513; /* Brown color for heading */
}

form {
max-width: 600px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border: 2px solid #4682B4; /* Blue color for borders */
}

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

input[type="text"],
input[type="number"],
input[type="date"],
select {
width: 100%;
padding: 8px;
margin-bottom: 15px;
border: 1px solid #4682B4; /* Blue color for borders */
border-radius: 4px;
box-sizing: border-box;
}

input[type="submit"] {
background-color: #8B4513; /* Brown color for submit button */
color: #fff;
padding: 10px 15px;
border: none;
border-radius: 4px;
cursor: pointer;
}

input[type="submit"]:hover {
background-color: #A0522D; /* Darker brown color on hover */
}
</style>
</head>
<body>

<h2>Student Course Registration Form</h2>

<form action="/submit" method="post">
<label for="studentName">Student Name:</label>
<input type="text" id="studentName" name="studentName" required>

<label for="age">Age:</label>
<input type="number" id="age" name="age" required>

<label for="dob">Date of Birth:</label>
<input type="date" id="dob" name="dob" required>

<label for="selectCourse">Select Course:</label>
<select id="selectCourse" name="selectCourse" required>
<option value="computerScience">Computer Science</option>
<option value="engineering">Engineering</option>
<option value="mathematics">Mathematics</option>
<option value="aeronautics">Aeronautics</option>
<option value="medical">Medical</option>
</select>

<input type="submit" value="Submit">
</form>

</body>
</html>

0 comments on commit d6b5e28

Please sign in to comment.