Step 1: Create a web page animals.html that has the following input elements: A text box for a user name. A set of radio buttons for "the animal you are most afraid of" with four suitable choices. A dropdown for "your favorite animal" that offers four suitable choices. (Use w3schools to figure out how to set up this input type.) A "Proceed" button. When it is clicked the animals.php script should run. Step 2: Create a PHP script animals.php that gives the inputs back to the user on a new page in a suitable format.

Step 1: Create a web page animals.html that has the following input elements: A text box for a user name. A set of radio buttons for "the animal you are most afraid of" with four suitable choices. A dropdown for "your favorite animal" that offers four suitable choices. (Use w3schools to figure out how to set up this input type.) A "Proceed" button. When it is clicked the animals.php script should run. Step 2: Create a PHP script animals.php that gives the inputs back to the user on a new page in a suitable format.

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter9: Getting Started With Javascript: Creating A Countdown Clock

Section: Chapter Questions

Problem 11CP1

See similar textbooks

Similar questions

Create an HTML form that has a number of textboxes write a javascript code that verifies all textboxes have been filled. if it is empty. popup at least indicating which textbox is empty.
Part 4: Build a html form with the following elements. The form must be within a table structure. Name: a text box where the content contains no special character (i.e. !, @, #, $, %, &, *). Number is allowed. The text box must not be empty. • Module code: a text box where the content must start with 3 lower case alphabets and follows by 4 digits. This textbox can be empty. • Current date: a non-editable textbox and should be in the format as shown (e.g. 12 October 2020 Monday 3:35 PM). The content is the current date or today's date which will change every day. • Message: a text area with 3 rows and 20 columns. The default text is "Hello 202204". The text area cannot be empty. • Find: a text box for the user to key in text he/she wants to find. Replace: a text box for the user to key in the replacement text. If the find text is empty, this element should be disable (i.e. user cannot key in anything here). • Find and Replace: This is a button, when click, it will go to the "Message"…
3- According to HTML code, which color will be the background color of the paragraph that has text "Second Line" in it. (hint: red+green = yellow, red+blue=purple, red+yellow:orange, green+blue: cyan, blue+red:magenta ) 0pacity Example .red {background-color: red;} .f-bg {background-color: rgb (255,255,0); } .f-bg2 {background-color: rgba(255,255, 0,.5);} .f-bg3 {background-color: rgb(255,255,0); opacity: .4;} First Line Second line Third line
HTML: Write a jQuery code to format a phone number as the following example below when you enter them to an online input field. You need also to add a paragraph about the purpose of this code. (xxx) xxx-xxxx
I have the HTML part down - I'm just needing help with the javascirpt function. You must create a website page that asks the user to input information about themselves to see if they might be a good study buddy for you. Your webpage must have a form that posts information to StudyBuddy.js. You form must have a submit button labeled submit. You must have at least 3 of the following elements: text input element set of radio buttons checkbox drop down list box list box textarea All elements on your html page must be a different type. (i.e., You may not use 3 text input elements.) Each input must have a label that describes the value being input. Each input must have a label to signify if there is an error in the value entered for that field. You must use the following HTML 5 attributes at least once: autocomplete required novalidate pattern title You must add a function to StudyBuddy.js that will be called when the submit button is pressed. For each of the three elements you add…
True or false: the "id" property should be used to style multiple HTML elements simultaneously. a. false b. true
A Read aloud Draw F Highlight Create a web page which contains four links. These links are NOT underlined when user opens it. When user moves the mouse to hover on the link, its background color will be changed to yellow. When user clicks on the link it will go to the corresponding web site. In the example below The following is when hover on Google. Note its background color changed to Yellow. Here are my favorite sites Click on a name to go to that page. Facebook Twitter Yahoo Google
Question: Tumbling Dice Program - PHP/HTML/CSS Question: Roll two dice 1,000 times. Create a program that simulates the rolling of dice 500 times. Record the result of each roll that equals 7 (e.g. 1+6=7, 2+5=7, 3+4=7) and display totals for the total number of rolls that equal 7. This needs to have an html page, php page, and css page The result, after executing the program, should look similar to: "The number of sevens (7) that occured in 500 dice rolls was: 165"
JavaScript Do the following using JavaScript: 1. Once the page is loaded an alert message will be displayed Example: “Yehey! Last Hurray!” 2. Display your name in any HTML element/s you’ve learned to use. Ex: paragraphs, headers 3. Display today’s date in any HTML element/s you’ve learned to use. 4. Input your age (either in prompt/form element) and test it using the following criteria: Example: Input: 41 Output: Millenials Generations Born Current Ages Gen Z 1997 – 2012 10 – 25 Millennials 1981 – 1996 26 – 41 Gen X 1965 – 1980 42 – 57 Boomers II (a/k/a Generation Jones)* 1955 – 1964 58 – 67 Boomers I* 1946 – 1954 68 – 76 Post War 1928 – 1945 77 – 94 WWII 1922 – 1927 95 – 100 1. Display a picture of a younger and present you using onmouseover and onmouseout events 2. Asks for your top 2 favorite colors: either using a radio, checkbox, dropdown menu, prompt, or textbox o set the…
What is displayed when the following style is applied to the HTML below? A) Choice A B) Choice B C) Choice C D) Choice D
Hands-On Project 1-3In this project, you will explore how to write text to a specific element in your web page in response to theonclick event handler. To complete the exercise, you will apply the following JavaScript expression:document.getElementById('id').innerHTML = 'text';where id is the value of the id attribute for the page element and text is the text of the content to be writteninto the element. You will use this expression to enhance a web form by displaying the message “Thank you foryour order” when the user clicks the Submit button. Figure 1-25 shows the completed web page.Do the following:1. Use your code editor to open project01-03_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-03.html.2. Scroll down to the bottom of the file and locate the input element for the Submit button.3. Add an onclick event handler to the <input> tag that changes the innerHTML value of the page element…
Hands-On Project 1-5Learning to locate and fix errors is an important skill for anyone programming in JavaScript. You have been given a web page containing several errors that need to be fixed. When fixed, the page will display the content shown in Figure 1-27. Do the following:1. Use your code editor to open project01-05_txt.html from the HandsOnProject_01 folder. Enter your name and the date in the comment section of the document and save it as project01-05.html.2. In the head section of the document there is a script that declares and initializes the reopenDate variable. There are two errors in this code. Fix both errors.3. Scroll down to the script embedded within the article element. The code contains a total of four errors. Locate and fix the errors.4. Save your changes to the file and then open the file in your web browser. Verify that the page resembles that shown in Figure 1-27. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta…