Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Do the following: Add your name to the HTML page just under the o Use the starting structure to validate the form code. . Allow

image text in transcribed
image text in transcribed
image text in transcribed
image text in transcribed
Do the following: Add your name to the HTML page just under the

o Use the starting structure to validate the form code. . Allow no fields to be blank. I have provided validation for the first field. If the form is successfully submitted, show a success message (using an alert() box) to the user o Add an onclick attribute to the textarea calling a function that will clear its value when the mouse cursor is placed in it. Remove only the text "Please enter your comments" - Do not delete the user's comments o Create a button below the Contact Information box that creates an alert0 displaying the values of the first name and nickname in the following way: "firstName lastName is nickname" (e.g. the alert might say, "Samuel Clemens is Mark Twain") HTML & CSS: Correct crimes 1 and 4 that have been (intentionally) committed in lab5form.html. o Simply correct crime #1 (HTML) For crime #4, set the background color of focused fields to "#fee" (CSS) . Extra on first load of the page, focus the first form element. (No points will be deducted for not doing this.) o Guidelines: o The HTML and CSS must validate. o Link to this lab from the projects page of your it website. o Post a working link to your project page in the lab dropbox. (Use the "Use HTML" checkbox, and use an anchor tag.) o You will be graded on validity (2 pts), indentation (2 pts), and completeness (6 pts) o Javascript should be indented as shown in the lab5js file: 2 spaces (not tabs) for indents. .Always use curly braces on control statements (if, else, etc). Use only one blank line between lines when you choose to use them. Layout should look like if (expr) t statement; else statement Intro to IT Lab 5 Contact Information First Name Last Name: Title Organization: Nickname: Comments: Please enter your comments save js-inclass.c -inclass.css la lab5.css 7 body t 8 font-family: Arial, Helvetica, sans-serif; 10 #bodyBlock{ 11 width: 700px; 12 margin: auto; 13 14 #output { 15 margin: 1em 0; 16 color: black; 17 background-color: #fee; 18 padding: 1em; 19 border: 1px solid#ddd; 20 21 fieldset t 22 padding-top: 1em; 23 24 .field t 25 26 margin: e 0.5em 0.5em 0; 27 28 clear: left 29 text-align: right; 30 h 31 .value f width: 120px; . float: left; margin: 0 0 0.5em 0; 34 #save{ 35 float: right; 36 37 Line 1, Column 1 Graphic Design Portfolio Web js-inclass.js lab5.css x js-inclass.css x lab5.js xjs-inclass.js In-class JavaScript File Place variables and functions in this file / I/ variables declared outside of functions are global (scope) 5 var example "An example." 6 var firstName "Hector" 7 var age 19: var insuranceCut0ffAge = 26; 9 1 function example() 2alert (example) 13 14 15 function example2) 16 17 var example = "A different exampte."; 18 alert (example) 19 20 II variables declared inside a function are local to that function (scope)

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Machine Learning And Knowledge Discovery In Databases European Conference Ecml Pkdd 2015 Porto Portugal September 7 11 2015 Proceedings Part 3 Lnai 9286

Authors: Albert Bifet ,Michael May ,Bianca Zadrozny ,Ricard Gavalda ,Dino Pedreschi ,Francesco Bonchi ,Jaime Cardoso ,Myra Spiliopoulou

1st Edition

3319234609, 978-3319234601

More Books

Students also viewed these Databases questions