Q:

Find all inputs that are descendants of a form and mark them with a dotted red border. Give a green background to inputs that are descendants of a fieldset that is a descendant of a form using jquery

hamza
Save to bookmark
|
2022-05-18
|
  173 
0

Find all inputs that are descendants of a form and mark them with a dotted red border. Give a green background to inputs that are descendants of a fieldset that is a descendant of a form using jquery

JQUERY,
login and add your own answer to this question

All Answers

hamza
2022-05-18
need an explanation for this answer? contact us directly to get an explanation for this answer

HTML Code :

<!DOCTYPE html>
  <html>
  <head>
  <script src="https://code.jquery.com/jquery-git.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Find  all inputs that are descendants of a form  and mark them with a dotted red border. </title>
  </head>
  <body>
  <form>
<label for="name">Child of form:</label>
  <input name="name" id="name">
  <fieldset>
  <label for="newsletter">Grandchild of form, child of fieldset:</label>
  <input name="newsletter" id="newsletter">
  </fieldset>
  </form>
  Sibling to form: <input name="none">
  </body>
  </html>

CSS Code :

form {
border: 2px blue solid;
padding: 2px;
margin: 0;
background: #efe;
}
div {
color: red;
}
fieldset {
margin: 1px;
padding: 3px;
}

JavaScript Code :

$( "form input" ).css( "border", "2px dotted red" );
$( "form fieldset input" ).css( "backgroundColor", "green" );

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

Similar questions

need a help?

find thousands of online teachers now