Q: What does wrap attribute denote?
Solution: wrap is the attribute of element and it indicates whether the text should be wrapped. Syntax: <textarea wrap=””> if we use wrap=”hard” it will contain newlines in the submission of a form. This attribute is newly introduced by HTML5 and is supported by all the browsers.</pre></div> <input type='hidden' class='r1 panel-body' value='Whether the text is wrapped'> </div><div style='max-width:800px;margin-left:auto;margin-right:auto;margin-top:40px;padding:5px;box-shadow: 0px 6px 8px #888888;background:white;padding:0px;border-radius: 10px;'><div class='p panel-heading' style='background-color:aliceblue;font-size:15;word-wrap:break-word;'><pre style='padding-left: 0px;background-color:aliceblue;line-height:22px;'><b>Q:</b> With which element width attribute is not define?</pre></div> <div class='b2 panel-body'>A. <span><input></span></div> <div class='b2 panel-body'>B. <span><object></span></div> <div class='b2 panel-body'>C. <span><embed></span></div> <div class='b2 panel-body'>D. <span><textarea></span></div> <div class='desp panel-body' id='d2' style='background-color:#ffffb3;padding-top:20px;'><pre style='background-color:#ffffb3;padding-left: 0px;line-height:22px;'><b>Solution:</b> width attribute is defined with <object>, <iframe>, <img>, <video>, <canvas>, <embed>, <input>. <textarea> is used commonly with autofocus, cols, dirname, disabled, form, maxlength, minlength, name, placeholder, readonly, rows and many other attributes.</pre></div> <input type='hidden' class='r2 panel-body' value='<textarea>'> </div><div style='max-width:800px;margin-left:auto;margin-right:auto;margin-top:40px;padding:5px;box-shadow: 0px 6px 8px #888888;background:white;padding:0px;border-radius: 10px;'><div class='p panel-heading' style='background-color:aliceblue;font-size:15;word-wrap:break-word;'><pre style='padding-left: 0px;background-color:aliceblue;line-height:22px;'><b>Q:</b> Which of the following defines a default value on page load?</pre></div> <div class='b3 panel-body'>A. <span><object></span></div> <div class='b3 panel-body'>B. <span><input></span></div> <div class='b3 panel-body'>C. <span><progress></span></div> <div class='b3 panel-body'>D. <span><area></span></div> <div class='desp panel-body' id='d3' style='background-color:#ffffb3;padding-top:20px;'><pre style='background-color:#ffffb3;padding-left: 0px;line-height:22px;'><b>Solution:</b> <button>, <li>, <progress>, <param>, <meter>, <input>, <option> are some elements used with value attribute and defines a default value on the page load. <object> element is used with many attributes like border, data, form, height etc. <area> is used with attributes like alt, cords, download, href, hreflang and many more.</pre></div> <input type='hidden' class='r3 panel-body' value='<progress>'> </div><div style='max-width:800px;margin-left:auto;margin-right:auto;margin-top:40px;padding:5px;box-shadow: 0px 6px 8px #888888;background:white;padding:0px;border-radius: 10px;'><div class='p panel-heading' style='background-color:aliceblue;font-size:15;word-wrap:break-word;'><pre style='padding-left: 0px;background-color:aliceblue;line-height:22px;'><b>Q:</b> How title attribute works?</pre></div> <div class='b4 panel-body'>A. <span>Displays text when hovering over the element</span></div> <div class='b4 panel-body'>B. <span>Focus text when hovering over the element</span></div> <div class='b4 panel-body'>C. <span>Highlight text when hovering over the element</span></div> <div class='b4 panel-body'>D. <span>Zoom in and zoom out text when hovering over the element</span></div> <div class='desp panel-body' id='d4' style='background-color:#ffffb3;padding-top:20px;'><pre style='background-color:#ffffb3;padding-left: 0px;line-height:22px;'><b>Solution:</b> the title is a global attribute that displays text in a tooltip when hovered over the element. Syntax is: <p><abbr title=”Indian Association Service”>IAS</abbr> is India’s one of the most difficult job.</p> Output: IAS is India’s one of the most difficult job.</pre></div> <input type='hidden' class='r4 panel-body' value='Displays text when hovering over the element'> </div><script async src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2326555401499436' crossorigin='anonymous'></script> <!-- rightleft --> <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-2326555401499436' data-ad-slot='2048140033' data-ad-format='auto' data-full-width-responsive='true'></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div style='max-width:800px;margin-left:auto;margin-right:auto;margin-top:40px;padding:5px;box-shadow: 0px 6px 8px #888888;background:white;padding:0px;border-radius: 10px;'><div class='p panel-heading' style='background-color:aliceblue;font-size:15;word-wrap:break-word;'><pre style='padding-left: 0px;background-color:aliceblue;line-height:22px;'><b>Q:</b> Which attribute is not for overriding the actions?</pre></div> <div class='b5 panel-body'>A. <span>Formaction</span></div> <div class='b5 panel-body'>B. <span>Style</span></div> <div class='b5 panel-body'>C. <span>Tabindex</span></div> <div class='b5 panel-body'>D. <span>Slot</span></div> <div class='desp panel-body' id='d5' style='background-color:#ffffb3;padding-top:20px;'><pre style='background-color:#ffffb3;padding-left: 0px;line-height:22px;'><b>Solution:</b> formaction is used for overriding <form> action, style is a global attribute that overrides previously set styles, tabindex is also a global attribute which overrides default tab order. A slot is a global attribute which assigns a slot in a shadow.</pre></div> <input type='hidden' class='r5 panel-body' value='Slot'> </div><div style='max-width:800px;margin-left:auto;margin-right:auto;margin-top:40px;padding:5px;box-shadow: 0px 6px 8px #888888;background:white;padding:0px;border-radius: 10px;'><div class='p panel-heading' style='background-color:aliceblue;font-size:15;word-wrap:break-word;'><pre style='padding-left: 0px;background-color:aliceblue;line-height:22px;'><b>Q:</b> srclang attribute is used with the element ____________</pre></div> <div class='b6 panel-body'>A. <span><track></span></div> <div class='b6 panel-body'>B. <span><input></span></div> <div class='b6 panel-body'>C. <span><iframe></span></div> <div class='b6 panel-body'>D. <span><table></span></div> <div class='desp panel-body' id='d6' style='background-color:#ffffb3;padding-top:20px;'><pre style='background-color:#ffffb3;padding-left: 0px;line-height:22px;'><b>Solution:</b> srclang attribute is used with <track>. It specifies the language of text. E.g <track src=”xyz.ogg” srclang=”en” label=”English”>, <input> is used with many attributes like accept, alt, async, autocomplete, autofocus, checked, dirname, disabled, form, formaction, height, list and many more.</pre></div> <input type='hidden' class='r6 panel-body' value='<track>'> </div><div style='max-width:800px;margin-left:auto;margin-right:auto;margin-top:40px;padding:5px;box-shadow: 0px 6px 8px #888888;background:white;padding:0px;border-radius: 10px;'><div class='p panel-heading' style='background-color:aliceblue;font-size:15;word-wrap:break-word;'><pre style='padding-left: 0px;background-color:aliceblue;line-height:22px;'><b>Q:</b> What is the use of spellcheck attribute?</pre></div> <div class='b7 panel-body'>A. <span>Checks spelling</span></div> <div class='b7 panel-body'>B. <span>Indicates if spell checking is allowed</span></div> <div class='b7 panel-body'>C. <span>Checks spelling and corrects it</span></div> <div class='b7 panel-body'>D. <span>Checks spelling of a given particular text only</span></div> <div class='desp panel-body' id='d7' style='background-color:#ffffb3;padding-top:20px;'><pre style='background-color:#ffffb3;padding-left: 0px;line-height:22px;'><b>Solution:</b> spellcheck is a global attribute, it indicates if spell checking is allowed or not for the element. Syntax is <p contenteditable=”true” spellcheck=”true”> William Shakespeare was a great novelist. </p> Output: William Shakespeare was a great novelist. .</pre></div> <input type='hidden' class='r7 panel-body' value='Indicates if spell checking is allowed'> </div><div style='max-width:800px;margin-left:auto;margin-right:auto;margin-top:40px;padding:5px;box-shadow: 0px 6px 8px #888888;background:white;padding:0px;border-radius: 10px;'><div class='p panel-heading' style='background-color:aliceblue;font-size:15;word-wrap:break-word;'><pre style='padding-left: 0px;background-color:aliceblue;line-height:22px;'><b>Q:</b> Which parameter is commonly used for size attribute?</pre></div> <div class='b8 panel-body'>A. <span>centimeter</span></div> <div class='b8 panel-body'>B. <span>pixels</span></div> <div class='b8 panel-body'>C. <span>inch</span></div> <div class='b8 panel-body'>D. <span>millimeter</span></div> <div class='desp panel-body' id='d8' style='background-color:#ffffb3;padding-top:20px;'><pre style='background-color:#ffffb3;padding-left: 0px;line-height:22px;'><b>Solution:</b> Size is an attribute commonly used with <input> and <select> element, it defines the width of element in pixels. If we have password or text as attribute then it will be count number of characters. Sizes is a attribute use with <link>, <source>, <img></pre></div> <input type='hidden' class='r8 panel-body' value='pixels'> </div><script async src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2326555401499436' crossorigin='anonymous'></script> <!-- rightleft --> <ins class='adsbygoogle' style='display:block' data-ad-client='ca-pub-2326555401499436' data-ad-slot='2048140033' data-ad-format='auto' data-full-width-responsive='true'></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div style='max-width:800px;margin-left:auto;margin-right:auto;margin-top:40px;padding:5px;box-shadow: 0px 6px 8px #888888;background:white;padding:0px;border-radius: 10px;'><div class='p panel-heading' style='background-color:aliceblue;font-size:15;word-wrap:break-word;'><pre style='padding-left: 0px;background-color:aliceblue;line-height:22px;'><b>Q:</b> Which attribute indicates a descending order of displaying a list?</pre></div> <div class='b9 panel-body'>A. <span>reversed</span></div> <div class='b9 panel-body'>B. <span>forward</span></div> <div class='b9 panel-body'>C. <span>straight</span></div> <div class='b9 panel-body'>D. <span>circular</span></div> <div class='desp panel-body' id='d9' style='background-color:#ffffb3;padding-top:20px;'><pre style='background-color:#ffffb3;padding-left: 0px;line-height:22px;'><b>Solution:</b> Reverse attribute commonly use with <ol> element. It indicates that if the list is to be displayed in descending order instead of ascending order or not. There is no reference for options like forward, straight and circular in HTML.</pre></div> <input type='hidden' class='r9 panel-body' value='reversed'> </div><div style='max-width:800px;margin-left:auto;margin-right:auto;margin-top:40px;padding:5px;box-shadow: 0px 6px 8px #888888;background:white;padding:0px;border-radius: 10px;'><div class='p panel-heading' style='background-color:aliceblue;font-size:15;word-wrap:break-word;'><pre style='padding-left: 0px;background-color:aliceblue;line-height:22px;'><b>Q:</b> The major difference between minlength and min attribute is ______</pre></div> <div class='b10 panel-body'>A. <span>‘minlength’ is for the minimum number of characters and ‘min’ is for the minimum value</span></div> <div class='b10 panel-body'>B. <span>‘minlength’ is for the minimum value and ‘min’ is for the minimum number of characters</span></div> <div class='b10 panel-body'>C. <span>‘minlength’ is for multiple values and ‘min’ is for the single value</span></div> <div class='b10 panel-body'>D. <span>‘minlength’ is for single value and ‘minlength’ is for multiple values</span></div> <div class='desp panel-body' id='d10' style='background-color:#ffffb3;padding-top:20px;'><pre style='background-color:#ffffb3;padding-left: 0px;line-height:22px;'><b>Solution:</b> minlength attribute use with <input>, <textarea> elements and it defines minimum number of character allowed. Min is used with <input>, <meter> elements and indicates minimum value allowed in element.</pre></div> <input type='hidden' class='r10 panel-body' value='‘minlength’ is for the minimum number of characters and ‘min’ is for the minimum value'> </div> <br> <table style="margin-left:auto;margin-right:auto;color:Black;font-weight:bold "><tr><td>You Have Score </td><td id="t1"></td><p></p><td>/10</td></td></tr></table> <br> <div style="text-align:center"> <a href='exam4.php?tno=29&type=html'> <button style='float:left;color:Black;font-weight:bold;background-color:#008a9a;color:white;padding:16px;padding-top:10px;padding-bottom:10px;border-radius:10px'>Previous Test</button> </a><a href='exam4.php?tno=31&type=html'> <button style='float:right;color:Black;font-weight:bold;background-color:#008a9a;color:white;padding:16px;padding-top:10px;padding-bottom:10px;border-radius:10px'>Next Test</button> </a><a href='interviewhome.php'> <button style='color:Black;font-weight:bold;background-color:#008a9a;color:white;padding:16px;padding-top:10px;padding-bottom:10px;border-radius:10px'>Back to Home</button> </a> </div> <script> //to disable right click... also added on body tag $(document).ready(function () { $('body').bind('cut copy', function (e) { e.preventDefault(); }); }); </script> </body> </html>