HomeworkLib
Question

Provide a style rule for the input box with ID userAccount that changes the background color...

Provide a style rule for the input box with ID userAccount that changes the background color to the value rgb(211, 255, 211) when the input box has the focus and is valid.

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

Dear Student ,

As per requirement submitted above kindly find below solution.

Style rule :

#userAccount:focus:valid{

            background-color: rgb(211, 255, 211) ;

        }

Demonstration :

Here new web page with name "style.html" is created which contains below code.

style.html :

<!DOCTYPE html>

<html lang="en">

    <head>

        <!-- title for web page -->

        <title></title>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- style is used for stylesheet -->

        <style>

        /* style rule for id=userAccount */

        #userAccount:focus:valid{

            background-color: rgb(211, 255, 211) ;

        }

        </style>

    </head>

    <body>

    <!-- textbox with required attribute -->

    <input type="text" id="userAccount" required/>

    </body>

</html>

==================================

Output :Open web page style.html in the browser and will get the screen as shown below.

Screen 1:style.html

Screen 2:Screen when user enter something in the textbox

NOTE :PLEASE FEEL FREE TO PROVIDE FEEDBACK ABOUT THE SOLUTION.

0 0
Add a comment
Know the answer?
Add Answer to:
Provide a style rule for the input box with ID userAccount that changes the background color...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions

  • 1. Provide code to create a selection list named orderDay containing the values and option text...

    1. Provide code to create a selection list named orderDay containing the values and option text SAT and SUN placed in the Weekend option group, and the option text MON, TUE, WED, THU, and FRI placed in the Weekday option group. 2. Provide code to create two radio buttons for the compType field with the values PC and Mac. Make PC the default value. 3. Kelsey has written the following code to create a data field for users to select...

  • Navigation List Styles Go to the Navigation List Styles section. Format the hypertext links in the...

    Navigation List Styles Go to the Navigation List Styles section. Format the hypertext links in the body header by adding a style rule for the body >header a that adds a 5-pixel outset border with color value rgb(211, 211, 255) Section Left Styles Next, format the appearance of the article title. Go to the Section Left Styles section and create a style rule for the h1 heading in the left section article that changes the text color to rgb(211, 211,...

  • Suppose today's exchange rate is $1.480/€. The three-month interest rates on dollars and euros are 4% per annum and 3% per annum, respectively. The three-month forward rate is $1.475/€. A foreign exchange advisory service has predicted that the euro will

    <p style="box-sizing: inherit; margin-top: 0px; margin-bottom: 0px; font-family: "Aspira Webfont", Helvetica, Arial, sans-serif; color: rgb(34, 34, 34); white-space: normal; background-color: rgb(255, 255, 255); font-variant-numeric: inherit !important; font-variant-east-asian: inherit !important; font-stretch: inherit !important; line-height: inherit !important;">Suppose today's exchange rate is $1.480/€. The three-month interest rates on dollars and euros are 4% per annum and 3% per annum, respectively. The three-month forward rate is $1.475/€. A foreign exchange advisory service has predicted that the euro will appreciate to $1.495/€ within three months.</p><p...

  • Does my css style sheet look okay? /* Author:       Your Name --> Natasha Strange /*...

    Does my css style sheet look okay? /* Author:       Your Name --> Natasha Strange /* Date:           Today's Date --> September 22, 2019 /* Description:   Lab Number --> Lab04 /*doctype css*/ @import url(fonts/chuckfive.css); @import url(fonts/merriweather.css); body    { background-color: rgb(199,201,191);        } div { border: 1px solid black;        padding: 100px 100px 100px 100px;        background-color: gray; } nav { text-align: center;    color: rgb( 7,20,138); } header, footer   { background-color: rgb(199,201,199);        color:...

  • Nursing question

    <p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px; font-size: 14px; line-height: 23px; color: rgb(51, 51, 51); font-family: "open sans", "helvetica neue", sans-serif; white-space: normal; background-color: rgb(255, 255, 255);">E. L. is an 88-year-old widow who has advanced dementia. She is a retired secretary and is cared for in the home of her divorced daughter, who is her power of attorney for health affairs. E. L. requires assistance with all activities of daily living. She spends most of the day sitting in her...

  • A sphere of radius 𝑅=0.320 mR=0.320 m and uniform charge density −151 nC/m

    A sphere of radius 𝑅=0.320 mand uniform charge density  −151 nC/m3lies at the center of a spherical, conducting shell of inner and outer radii 3.50 R and 4.00 R, 3 respectively. If the conducting shell carries a total charge of 𝑄=40.5 nC, find the magnitude of the electric field at the given radial distances from the center of the charge distribution.𝑄=40.5 nC, find the magnitude of the electric field at the given radial distances from the center of the charge ...

  • finished the web page ********************************************************* .js // I've added a span with the id "count" which...

    finished the web page ********************************************************* .js // I've added a span with the id "count" which you can use to modify // the number of clicks on the page // you can do this by getting the value; incrementing it and then // modifying the value of the span function changeColor(){     const colors = ['red', 'green', 'blue', 'cyan', 'yellow', 'black', 'silver', 'tan'];     // Choose a random float from [0, 1) the multiply by length to get random index     // Math.floor()...

  • //--------// // Events // //--------// console.log("Events"); // 1. Change the link (the <a> tag) in the...

    //--------// // Events // //--------// console.log("Events"); // 1. Change the link (the <a> tag) in the HTML body below such that a hello // message is displayed on a click event. //--------------// // Input Fields // //--------------// console.log("Input Fields"); // 1. Change the background color to red for the input text field (the <input> // tag) in the HTML body when obtaining the focus and change it back to // white when the focus is lost. // 2. Read the...

  • Program the following in Javascript/DOM: Have a number of elements with unique id= values visible to...

    Program the following in Javascript/DOM: Have a number of elements with unique id= values visible to the user. Build a element that prompts the user three times. The user will select one of the id= values, then one of the style properties that you provide (ex: background color, font size, etc), the the new style value.

  • Write a function called changeBGColor that changes the background color of all elements which has Class...

    Write a function called changeBGColor that changes the background color of all elements which has Class name "classColor".

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT