Question
Create a Web page that provides a form for a user to input their name, date of birth (via a date input), and eye colour
Create a Web page that provides a form for a user to input their name, date of birth (via a date input), and eye colour (selected via a drop down box of appropriate choices, e.g. “Blue”, “Brown”, “Green”, “Grey”,“Other”). Provide two buttons, a “Reset” button, and a “Display” button with the following behaviour:
•Create an empty table below the form, where each column of the table corresponds to one of the input fields (i.e. you should create header cells for the first row of the table).
•When “Display” is clicked, add a new row to the table and clear the form: Each cell of the row should correspond to one of the input fields from the form. Note that each set of data entered bythe user (via clicking “Display”) should add a new row to the table. Rows of the table should have alternating background colours.
•Reset should clear the table.
•Each added table row should have a cell containing a “Delete” button, that when clicked, removesthe row from the table.
•You should also include a piece of text on the caption of the table that provides a counter ofthe number of data items on the table. Whenever a new row is created, this number should be incremented. Whenever a row is deleted, this number should be decremented.
Step by Step Solution
3.41 Rating (164 Votes )
There are 3 Steps involved in it
Step: 1
Name Birth date Eye color Blue Brown Green Grey Other Total row count Name Birth date Eye color styl...Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started