Scribd
Upload
6 views

Assignment 1

Uploaded by

Jamshaid Ansari
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
6 views

Assignment 1

Uploaded by

Jamshaid Ansari
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 4

Assignment NO 1

1.Create a simple registration with the following fields:

 Name: Text input

 Password: Password input

 Email: Email input

 Date of Birth: Date input

 Gender: Radio buttons

 Hobbies: Checkboxes

 Upload image of the CV File input

 Submit: Button

 Upload image of the product: File input

Code

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Registration Form</title>

</head>

<body>

<h2>Registration Form</h2>
Design and Analysis of Algorithms 2

<form action="#" method="post">

<!-- Name Input -->

<label for="name">Name:</label>

<input type="text" id="name" name="name" placeholder="Enter your name"


required>

<br><br>

<!-- Password Input -->

<label for="password">Password:</label>

<input type="password" id="password" name="password" placeholder="Enter


your password" required>

<br><br>

<!-- Email Input -->

<label for="email">Email:</label>

<input type="email" id="email" name="email" placeholder="Enter your email"


required>

<br><br>

<!-- Date of Birth Input -->

<label for="dob">Date of Birth:</label>

<input type="date" id="dob" name="dob" required>

<br><br>

<!-- Gender Radio Buttons -->

<label>Gender:</label>

<input type="radio" id="male" name="gender" value="male">

<label for="male">Male</label>

2 2
Design and Analysis of Algorithms 3

<input type="radio" id="female" name="gender" value="female">

<label for="female">Female</label>

<br><br>

<!-- Hobbies Checkboxes -->

<label>Hobbies:</label>

<input type="checkbox" id="reading" name="hobbies" value="reading">

<label for="reading">Reading</label>

<input type="checkbox" id="traveling" name="hobbies" value="traveling">

<label for="traveling">Traveling</label>

<input type="checkbox" id="gaming" name="hobbies" value="gaming">

<label for="gaming">Gaming</label>

<br><br>

<!-- Upload CV -->

<label for="cv">Upload CV:</label>

<input type="file" id="cv" name="cv" accept=".pdf,.doc,.docx">

<br><br>

<!-- Upload Product Image -->

<label for="productImage">Upload Product Image:</label>

<input type="file" id="productImage" name="productImage" accept="image/*">

<br><br>

<!-- Submit Button -->

<button type="submit">Submit</button>

</form>

3 3
Design and Analysis of Algorithms 4

</body>

</html>

4 4

You might also like