Write the script (code) which creates a form with which asks the user ( to enter a password and select a Gender and Favourite Food. Underneath it is a submit button. Code should be commented and well designed. Your work should : look like the one in the picture

Write the script (code) which creates a form with which asks the user ( to enter a password and select a Gender and Favourite Food. Underneath it is a submit button. Code should be commented and well designed. Your work should : look like the one in the picture

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter7: Designing A Web Form: Creating A Survey Form

Section: Chapter Questions

Problem 4CP2

See similar textbooks

Related questions

Q: Question NO. 1 Design the following HTML form TablePrinting.html Table Printing Input No : 5 Print…

A: HTML and PHP is used to achieve the outcome as shown in the given image

Q: Salesforce, Adminstration Please Just Add the SnapShot of the Validation Rule and One Demo on any…

A: Given: -

Q: Forms contain various types of _______________,such as text boxes and buttons, which…

A: Form controls are the elements on the form on a web page to get the input data from the users. The…

Q: For the software order form: email address, name, address, postal code, card number, CVV code and…

A: When an input field must be filled out before submitting the form, we have add the required…

Q: A form should collect information such as full name, email address, contact number and the enquiry…

A: Given, We have to create a form in HTML5 that collects information like full name, email address,…

Q: In the “Desktop” folder, create a symbolic link to the videos folder and verify.

A: The following commands are used to create a symbolic link to the the videos folder in the…

Q: A name is entered into a text box on a simple HTML form. When “submit” is clicked, the URL looks…

A: The GET Method: The GET method will give the encoded user information attached to the request tab.…

Q: Please help me out on this case: write scenarios in an excel spreadsheet to test the profile photo…

A: We will know what areas we will test the functionality in using scenarios. After creating a…

Q: Colorlib Contact Form Contact us for custom quote Your name Your Email Address Your Phone Number…

A: It is defined as the language in which most websites are written. HTML is used to create pages and…

Q: code that checks the Website's referrer.

A: The HTTP Referer header is the title of the application type that recognizes the past page address,…

Q: Within the `App`, define an event handler to respond to input changes that updates the `currentNote`…

A: //NoteForm.jsx const NoteForm = (props) => { return ( <>…

Q: Explain the following questions in detail how to solve with a detailed Explanation and Output…

A: In this program Java script is used for validating the input given in the form created in the html.…

Q: Create a website registration form to obtain a user’s first name, last name and e-mail address. In…

A: HTML code :- <Html> <head> <title> Registration Page </title>…

Q: Create a web form as shown below that allows the user to select a team's starting lineup for a game.…

Q: Please provide me the code to develop a simple CREATE, READ AND UPDATE website using python…

A: Please provide me the code to develop a simple CREATE, READ AND UPDATE website using python…

Q: a page called the registration page. This page should contain textboxes for the following: Email,…

A: It is defined as a powerful general-purpose programming language. It is used to develop desktop and…

Q: Create a two-part form that calculates an employee’s weekly gross salary, based on the number of…

A: HTML CODE : pay.html <html ><head><title>Paycheck…

Q: The_________ attribute determines the text that displays on the application's tab in the browser…

A: In JavaScript, Application object is used to store and access variables from any page. Text of…

Q: Perform form validation in JavaScript for client form given below. Write all the code in one…

A: <html> <head> <script> function formverify() { var name1 =…

Q: Describe a situation where it would make sense to change a field caption to request input from the…

A: Input fields are a crucial component of user interface design because they enable users to enter…

Q: Also create another form to update student fee status either paid or not, if paid then also date of…

A: html> <head> <script type="text/javascript" src="validate.js"></script>…

Q: You created a registration feature for management but the data is not stored anywhere. For this…

A: In the question you didn't mentioned which framework have to use so I am using Django framework. So…

Q: Details: It have two panel, panel for take info and anther to show logo and text. First panel have 4…

A: Answer: Java GUI Source Code(Netvbeans): NewJFrame.java: /* * To change this license header, choose…

Q: What task the following JavaScript code will perform when it is called: function ourFunction()…

A: The correct option is given in step 2.

Q: Create and export a Group Policy that would restrict access to the Control Panel and require all…

A: Let us see the details below,

Q: email validation, use regular expression to check javascript format is @., it needs to follow the…

A: I give the code in Javascript along with code and output screenshot

Q: The second page should contain a form to capture potential buyers' expression of interest following…

A: First lets write requirement and condition: 1)Name(non empty). 2)Phone Number(non empty and only…

Q: ur name to 20 and the font face to Forte. 4. Make your name right-aligned and then deselect your…

A: Q. Follow these instructions exactly as they are written, in the order they are given.• If you quit…

Q: eful to add a link to a form. Explain the steps needed to add a link to a form.

A: According to the question we need to describe a situation where it would be useful to add a link to…

Q: App in JavaScript in Angular js Design, Develop and Deploy a Form with the following Inputs (and…

A: <div ng. Controller=``ExampleController``> <``From novalidate class=simple -form``>…

Q: Select the statement below that is true about forms. Select one: a. All of these are true. b. The…

A: Please find the answer below :

Q: Design Signup form using form elements with following requirements.  First name.  Last name …

A: Required: to create an HTML signup form which includes: First name. Last name Email Gender Country…

Q: Design LWC component You must take the user input in the appropriate column as well show the result…

A: LWC is a lightning web component that is used to design custom components to build UI. HTML Code -…

Q: create the form for job application specifications: the home page contains: form contain several…

A: HTML and CSS for Application form

Q: Describe a circumstance in which changing the caption of a field to request input from the user…

A: Input fields are a crucial component of user interface design because they enable users to enter…

Q: Using the poem about the days Monday-Sunday below, create a form that will return the relevant line…

A: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"…

Q: I need help with this JavaScript code. Create a basic form that fits the theme for your website.…

A: <div class="container"> <div style="text-align:center"> {box-sizing: border-box;} /*…

Q: Explain the following questions in detail how to solve with detailed Explanation. 1.Develop a html…

A: In this program Java script is used for validating the input given in the form created in the html.…

Q: Create a registration form a. Individually create and style a registration form to get the…

A: Code : <html> <head> <title>Registration Page</title>…

Q: User System Request Submission form Create from Fill up the form Save Info Save title and Category…

Q: a basic form using all the appropriate tags and attributes which will allow a user to login. The…

A: CODE : <!DOCTYPE html> <html> <head> <title>Password Input…

Q: Design a webpage that contains a form with the following: A text field “Name” to input your name A…

A: Objective: A webpage should be designed with two text fields to receive a name and a phone number.…

Q: User Allow non-registered user to view a static HTML page that explain Allow non-registered user to…

A: The answer is below.

Q: Create a webpage that works similar to a Calculator, with the following tasks and the appropriate…

A: I have provided HTML CODE (having internal JS ) along with CODE SCREENSHOT and OUTPUT…

Q: rm form validation in JavaScript for client form given below. Write all the code in one function…

A: JavaScript provides a way to validate forms data on the clients computer before sending it to the…

Q: Create a code that does the following tasks * Create a code identical to the telegram bot that…

A: I Have answered this question in step 2.

Q: You created a registration feature for management but the data is not stored anywhere. For this…

A: Hey there, I am writing the required solution based on the above given question. Please do find the…

Q: a. Design a web page as shown below. b. Apply validation using jQuery so that both First Name &…

A: 1.) Code : <!DOCTYPE html><html> <body> <form action="" method="post"…

Question

Write the script (code) which creates a form with which asks the user (
to enter a password and select a Gender and Favourite Food. Underneath it is a
submit button. Code should be commented and well designed. Your work should
: look like the one in the picture
Your code should be written not uploaded
Password:
|Gender:
OMale
Female
Favorite Food
Orange
DApple
Submit

Expert Solution

This question has been solved!

Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.

SEE SOLUTION Check out a sample Q&A here

Introduction

VIEW

Editable html code:

VIEW

Output:

VIEW

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

In this project you complete the script for a web form that collects billing and shipping information. Because the shipping address and billing address are often the same, this form will include a checkbox to copy the shipping address values into the corresponding billing address fields. Also, instead of using browser error bubbles to report invalid data, display the text of the error message in a box at the bottom the form and prevent the browser from showing error bubbles in response to validation errors. A preview of the form is shown in Figure 6-40.
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
Create a project named BreezyViewApartments that contains a Form for an apartment rental service. Allow the user to choose a number of bedrooms, number of baths, and viewâ€”street or lake. After the user makes selections, display the monthly rent, which is calculated using a base price of $450, $550, or $700 per month for a one-, two-, or three-bedroom apartment, respectively. $75 is added to the base price for more than one bath, and $50 additional is added to the price for a lake view. Use the Controls that you think are best for each function. Label items appropriately, and use fonts and colors to achieve an attractive design.
Which of the following actions occurs first within the browser upon the activation of a submit button? a. Asubmitevent is fired. b. A request is sent to the server handling the form data. c. The field values are checked for invalid data. d. The JavaScriptsubmit()method is executed.
Create a simple Login page with User ID and Password fields () and a login button. Create a JavaScript function that will check if user id and password are empty. The function will not allow the form to be submitted to the server if any field is empty.
Create a simple PHP application that will ask users to enter Name, E-Mail, and Phone Number values (see the first figure), and when the submit button is clicked, will then use the data from the text fields to add more lines at the end of the message (see the second figure). Make sure you add appropriate input validations for all the fields. Then, test the application by entering appropriate data in the name, e-mail, and phone number boxes.
Given the html codes below: <body> Name: <input id ="txtName" type ="text//><br/> NIC: <input id = "txtNIC" type = "text"/><br/> <button id =" btnDisplay" onclick = " validateNIC()"> submit </button> </body> Write a function validateNIC() which checks if the NIC fields is not blank and that the length of the NIC is 14. Appropriate messages should be displayed if any of the above validtions fails
Write a javascript code to validate all fields of a registration form which has the following fields: Name, Phone Number(use regular expression pattern: "[0-9]{3}-[0-9]{3}-[0-9]{4}"), Email address (must not be empty and must be tested against the regular expression: /^\S+@\S+\.\S+$/ ) and Gender.
In a HTML5 document, code the followings: • Using an onload event, trigger a pop-up window showing the message «This was triggered by an event!» when the document has been loaded. • Create a button and, using an onclick event, trigger a pop-up window showing the message « Wow! This works! ». • Insert an image and then use an onmouseover event to trigger a pop-up window showing the message «This is a rollover ». 2.)Create a program that will display a message adapted to the user input data based on its age range: Age range Comment example 1 to 17 You're not major yet. 18 to 49 You are major, but not senior yet.2 50 to 64 You are senior, but not retired yet. Program's flow: • User loads the pages • User is asked to supply its age • The proper comment is displayed
Please Help with Java Script eventListeners 1. Add an event listener to the button with an id of "button1". Listen for the click event. The button should change the text content of the paragraph with an id of "p1" to:"Hello World! I'm listening to events." This did NOT work://const button1 = document.querySelector("button1");//const p1 = document.querySelector("p1");//const click = () => {// alert("Hello World! I'm Listening to events.");//} //button1.addEventListener("click", p1, false); This did NOT workconst button1 = document.querySelector("button1");const p1 = button1.querySelector("p1");button1.addEventListener("click", function (event) {event.p1.target.textContent = "Hello World! I'm Listing to events.";}); 2) Add an event listener to the button with an idof "button2". Listen for the click event. Thebutton should change the text content of theparagraph with an id of "p2" to:"This button toggles text content."If the button is clicked a 2nd time,the text content should change…
Create a simple PHP application that will ask users to enter Name, E-Mail, and Phone Number values (see the first figure), and when the submit button is clicked, will then use the data from the text fields to add more lines at the end of the message (see the second figure). Make sure you add appropriate input validations for all the fields.
Create a Simple Contact us form: This contact us form should have thefollowing fields:a. Firstnameb. Lastnamec. Email Addressd. Telephone Number.e. A submit ButtonThe contact us form should have the following Javascript validation:a. Ability to check that the email entered is a valid email addressb. Ability to restrict the telephone number field from receiving a text in place ofa phone number.c. Ability to display the user details using an alert.