Program Plan: Include the HTML tag using <html>. Include the header tag using <head>. Include the style on the webpage using <style> tag. Set the style properties. Close the header tag using </style>. Close the header tag using </head>. Open the body of the web page using <body> tag. Include the header tag <header> to display the page heading. Include the <p> tag and provide the description about a user hobby. Include the figure tag <figure> to display the web page images. Include an unordered list tag <ul>. Include a hyperlink using <a> anchor tag. Include the footer tag <footer> to display the page footer. Close the body using </body> tag. Close the file using </html> tag.

Question

Use JavaScript to validate user inputs for this HTML form. Create a new HTML page, LabTest.html, build form. Using external JavaScript to do the validation, for example, create a validate_form.js file. Your html code should pass the validation, put an validation icon at the bottom of the page. Following submission instructions for this exercise: No empty input. All form elements should have an input. 2. Maximun input characters of "First name" or "Last name" are 50 characters. Maximun input characters of "Address" are 300 characters. 4. For correct user inputs, show the user inputs in an alert window. Othersiwe, warn the user in an alert window.

Answer 1

Question

Chapter 6, Problem 10HOE

Program Plan Intro

Program Plan:

Include the HTML tag using <html>.

Include the header tag using <head>.

Include the style on the webpage using <style> tag.

Set the style properties.

Close the header tag using </style>.

Close the header tag using </head>.

Open the body of the web page using <body> tag.

Include the header tag <header> to display the page heading.

Include the <p> tag and provide the description about a user hobby.

Include the figure tag <figure> to display the web page images.

Include an unordered list tag <ul>.

Include a hyperlink using <a> anchor tag.

Include the footer tag <footer> to display the page footer.

Close the body using </body> tag.

Close the file using </html> tag.

Expert Solution & Answer

Trending nowThis is a popular solution!

See solution

Check out sample textbook solution

Students have asked these similar questions

Use JavaScript to validate user inputs for this HTML form. Create a new HTML page, LabTest.html, build form. Using external JavaScript to do the validation, for example, create a validate_form.js file. Your html code should pass the validation, put an validation icon at the bottom of the page. Following submission instructions for this exercise: No empty input. All form elements should have an input. 2. Maximun input characters of "First name" or "Last name" are 50 characters. Maximun input characters of "Address" are 300 characters. 4. For correct user inputs, show the user inputs in an alert window. Othersiwe, warn the user in an alert window.

14- Write an HTML code that will display the “IOT World Today” website inside an Iframe contained within your webpage. The Iframe will have a width and height of 444px and 555px respectively. a) Apply border to the frame by using CSS. The color of the border is RED , size of the border is 25px and style of the border is double . {Assume that the website address of “IOT World Today” https://www.iotworldtoday.com/ }

Write the HTML and CSS code to produce the following result in browser, use the transparency to show the image transparent as shown in the figure. As we hover the mouse over the image it should clearly be displayed as shown in the figure (the right most).