Task:1. Create a personal information form using HTML5 that includes fields for various personal details (e.g., name,address, phone number) similar to the slide’s example (you can use any programming language you want)2. Implement input validation using regular expressions for two specific fields: USM ID and USM email.Validation Requirements:• USM Email: The form must validate and only accept USM email addresses in the format user@usm.edu.• USM ID: The form must validate USM IDs in the format W10123456 or w10123456. The USM ID always startswith 'W' or 'w' (one position), followed by 10 (two positions), and any combination of digits (0-9) for the next 6positions.Testing Patterns (USM ID):• Valid:• W10123456• w10123456• Invalid:• abc1012345• A10123456• 9998501234• w999123456• w121234565• W10w12345• Ww85012345• w100ABCDEF• 123456850w ### Personal Information FormThis section is designed for inputting personal details, intended for use on an educational website. Below is a description of each required field and specific note regarding input validation:- **First Name:** *Input your given name.*- **Last Name:** *Input your surname.*- **USM ID:** *Enter your unique USM identification number.* *Note: Only accepts entries that follow the USM pattern. See following instructions on the next slide.*- **Only USM Email:** *Input the USM email address.* *Note: Only accepts email addresses ending with @usm.edu.*- **Date of Birth (YYYY-MM-DD):** *Input your date of birth in the format: Year-Month-Day.*- **State:** *Select your state from the dropdown menu.*- **Gender:** *Select one of the following options: Male, Female, or Other.*- **Submit Button:** *Click to submit your completed form.*This form incorporates specific validation checks to ensure only appropriate institutional identifiers like emails and IDs are submitted.

In this question we have to write a HTML code for the personal info form as per the given…

Answered: Task: 1. Create a personal information…

Database System Concepts

7th Edition

ISBN:9780078022159

Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan

Chapter1: Introduction

Section: Chapter Questions

Problem 1PE

See similar textbooks

Related questions

Question

Task:
1. Create a personal information form using HTML5 that includes fields for various personal details (e.g., name,
address, phone number) similar to the slide’s example (you can use any programming language you want)
2. Implement input validation using regular expressions for two specific fields: USM ID and USM email.
Validation Requirements:
• USM Email: The form must validate and only accept USM email addresses in the format user@usm.edu.
• USM ID: The form must validate USM IDs in the format W10123456 or w10123456. The USM ID always starts
with 'W' or 'w' (one position), followed by 10 (two positions), and any combination of digits (0-9) for the next 6
positions.
Testing Patterns (USM ID):
• Valid:
• W10123456
• w10123456
• Invalid:
• abc1012345
• A10123456
• 9998501234
• w999123456
• w121234565
• W10w12345
• Ww85012345
• w100ABCDEF
• 123456850w

### Personal Information Form

This section is designed for inputting personal details, intended for use on an educational website. Below is a description of each required field and specific note regarding input validation:

- **First Name:**
*Input your given name.*

- **Last Name:**
*Input your surname.*

- **USM ID:**
*Enter your unique USM identification number.*
*Note: Only accepts entries that follow the USM pattern. See following instructions on the next slide.*

- **Only USM Email:**
*Input the USM email address.*
*Note: Only accepts email addresses ending with @usm.edu.*

- **Date of Birth (YYYY-MM-DD):**
*Input your date of birth in the format: Year-Month-Day.*

- **State:**
*Select your state from the dropdown menu.*

- **Gender:**
*Select one of the following options: Male, Female, or Other.*

- **Submit Button:**
*Click to submit your completed form.*

This form incorporates specific validation checks to ensure only appropriate institutional identifiers like emails and IDs are submitted.

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.

Similar questions