Untitled
!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Form Page</title> </head> <body> <form> <!-- Salutation Picker --> <label for="salutation">Salutation:</label> <select id="salutation" name="salutation"> <option value="mr">Mr.</option> <option value="mrs">Mrs.</option> <option value="ms">Ms.</option> </select> <!-- First Name Field --> <label for="firstName">First Name:</label> <input type="text" id="firstName" name="firstName" required> <!-- Last Name Field --> <label for="lastName">Last Name:</label> <input type="text" id="lastName" name="lastName" required> <!-- Gender Selector --> <label>Gender:</label> <input type="radio" id="male" name="gender" value="male"> <label for="male">Male</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">Female</label> <!-- Email Field --> <label for="email">Email:</label> <input type="email" id="email" name="email" required> <!-- Date of Birth Picker --> <label for="dob">Date of Birth:</label> <input type="date" id="dob" name="dob" required> <!-- Address Field --> <label for="address">Address:</label> <textarea id="address" name="address" required></textarea> <!-- Submit Button --> <input type="submit" value="Submit"> </form> </body> </html>
Leave a Comment