Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
6 views

Assignment 1

Uploaded by

Jamshaid Ansari
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
6 views

Assignment 1

Uploaded by

Jamshaid Ansari
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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