1. Include the input fields for the sign-up sheet: First Name, and Last Name. make the sign-up sheet interactive for the user. 2. Add a selection element to ask the user for their gender. Add the options "Male," "Female," and "Prefer not to mention." 3. Use onblur and onfocus to add red borders to the input elements when the user leaves without any input, and a green border if a value is typed and the user is done with the input element. 4. Upon submission of the form, print all the information that the user has provided on a div or p tag at the bottom of the page. 5. Use fieldset and legend tag to separate the input part from the output part of the form. 6. Include a reset button to clear users input and also the information displayed at the bottom of the page.

Programming Logic & Design Comprehensive
9th Edition
ISBN:9781337669405
Author:FARRELL
Publisher:FARRELL
Chapter10: Object-oriented Programming
Section: Chapter Questions
Problem 2FTB
icon
Related questions
Question
100%

Hello!! I'll post another one. Kindly follow 1-3 for this post. Thank youuuu!

1. Include the input fields for the sign-up sheet: First Name, and Last Name. make the sign-up sheet interactive
for the user.
2. Add a selection element to ask the user for their gender. Add the options "Male," "Female," and "Prefer not to
mention."
3. Use onblur and onfocus to add red borders to the input elements when the user leaves without any input,
and a green border if a value is typed and the user is done with the input element.
4. Upon submission of the form, print all the information that the user has provided on a div or p tag at the
bottom of the page.
5. Use fieldset and legend tag to separate the input part from the output part of the form.
6. Include a reset button to clear users input and also the information displayed at the bottom of the
page.
Transcribed Image Text:1. Include the input fields for the sign-up sheet: First Name, and Last Name. make the sign-up sheet interactive for the user. 2. Add a selection element to ask the user for their gender. Add the options "Male," "Female," and "Prefer not to mention." 3. Use onblur and onfocus to add red borders to the input elements when the user leaves without any input, and a green border if a value is typed and the user is done with the input element. 4. Upon submission of the form, print all the information that the user has provided on a div or p tag at the bottom of the page. 5. Use fieldset and legend tag to separate the input part from the output part of the form. 6. Include a reset button to clear users input and also the information displayed at the bottom of the page.
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 3 steps with 7 images

Blurred answer
Knowledge Booster
Image Element
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
  • SEE MORE QUESTIONS
Recommended textbooks for you
Programming Logic & Design Comprehensive
Programming Logic & Design Comprehensive
Computer Science
ISBN:
9781337669405
Author:
FARRELL
Publisher:
Cengage
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
COMPREHENSIVE MICROSOFT OFFICE 365 EXCE
Computer Science
ISBN:
9780357392676
Author:
FREUND, Steven
Publisher:
CENGAGE L