(Solved) : Exercise 4 Forms Highlighting Consider Following Image Part Web Page Contains Html Form We Q44061074 . . .
Exercise 4 – Forms and Highlighting Consider the following image for part of a web page that contains a html form for a weather description. Time Location Description Low Temp Avg Wind High Temp Avg Direction Create a html file called weather.html that produces output similar to the above image. The input fields on each line have the same width. Thus the width of “Low Temp” and “High Temp” are the same. Also note that space around the inputs and labels. Hint: use flexbox. Add CSS rules that will highlight the input elements when the element receives focus, and when the cursor is hovering over the element. The highlighting should be different between focus and hover. The highlighting should be different for each different input value (i.e., Temp should be different than Wind). Show transcribed image text Exercise 4 – Forms and Highlighting Consider the following image for part of a web page that contains a html form for a weather description. Time Location Description Low Temp Avg Wind High Temp Avg Direction Create a html file called weather.html that produces output similar to the above image. The input fields on each line have the same width. Thus the width of “Low Temp” and “High Temp” are the same. Also note that space around the inputs and labels. Hint: use flexbox. Add CSS rules that will highlight the input elements when the element receives focus, and when the cursor is hovering over the element. The highlighting should be different between focus and hover. The highlighting should be different for each different input value (i.e., Temp should be different than Wind).
Expert Answer
Answer to Exercise 4 – Forms and Highlighting Consider the following image for part of a web page that contains a html form for a …
OR