HTML + HTML5 Interview Questions - 14

</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="8">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans8">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span><textarea></span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>9. Which of the following defines a default value on page load?</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que9A">A. <object></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que9B">B. <input></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que9C">C. <progress></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que9D">D. <area></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="9">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans9">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span><progress></span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>10. How title attribute works?</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que10A">A. Displays text when hovering over the element</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que10B">B. Focus text when hovering over the element</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que10C">C. Highlight text when hovering over the element</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que10D">D. Zoom in and zoom out text when hovering over the element</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="10">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans10">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span>Displays text when hovering over the element</span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>11. Which attribute is not for overriding the actions?</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que11A">A. Formaction</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que11B">B. Style</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que11C">C. Tabindex</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que11D">D. Slot</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="11">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans11">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span>Slot</span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>12. srclang attribute is used with the element ____________</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que12A">A. <track></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que12B">B. <input></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que12C">C. <iframe></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que12D">D. <table></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="12">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans12">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span><track></span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>13. What is the use of spellcheck attribute?</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que13A">A. Checks spelling</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que13B">B. Indicates if spell checking is allowed</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que13C">C. Checks spelling and corrects it</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que13D">D. Checks spelling of a given particular text only</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="13">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans13">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span>Indicates if spell checking is allowed</span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>14. Which parameter is commonly used for size attribute?</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que14A">A. centimeter</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que14B">B. pixels</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que14C">C. inch</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que14D">D. millimeter</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="14">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans14">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span>pixels</span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>15. Which attribute indicates a descending order of displaying a list?</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que15A">A. reversed</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que15B">B. forward</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que15C">C. straight</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que15D">D. circular</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="15">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans15">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span>reversed</span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>16. The major difference between minlength and min attribute is ______</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que16A">A. ‘minlength’ is for the minimum number of characters and ‘min’ is for the minimum value</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que16B">B. ‘minlength’ is for the minimum value and ‘min’ is for the minimum number of characters</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que16C">C. ‘minlength’ is for multiple values and ‘min’ is for the single value</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que16D">D. ‘minlength’ is for single value and ‘minlength’ is for multiple values</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="16">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans16">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span>‘minlength’ is for the minimum number of characters and ‘min’ is for the minimum value</span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>17. How does download attribute work?</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que17A">A. An indication that hyperlink is to be used for downloading</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que17B">B. Directly downloads as per the need of the user</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que17C">C. Gives various source links to download</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que17D">D. List the topics which one can download from a certain page</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="17">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans17">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span>An indication that hyperlink is to be used for downloading</span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>18. datetime attribute is not related with ______________</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que18A">A. <del></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que18B">B. <time></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que18C">C. <ins></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que18D">D. <form></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="18">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans18">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span><form></span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>19. cols attribute is use with ___________</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que19A">A. <td></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que19B">B. <th></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que19C">C. <textarea></label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que19D">D. <ol></label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="19">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans19">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span><textarea></span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                                    <div class="queColInnerMain">
                                        <h3>20. Use of checked attribute is ____________</h3>
                                        <div class="queColList">
                                            <div class="row">
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que20A">A. Whether on page load element should be checked</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que20B">B. Whether on page load all form element should be checked</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que20C">C. Whether on page load all list element should be checked</label>
                                                    </div>
                                                </div>
                                                <div class="col-lg-12">
                                                    <div class="queSelect">
                                                        <label for="que20D">D. Whether on page load all multimedia elements should be checked</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row align-items-center">
                                            <div class="col-md-auto">
                                                <div class="queColBtn">
                                                    <button aria-label="button" class="btnCstm btnPrimary btnAnswer" style="cursor: pointer;" data-id="20">Show Correct Answer</button>
                                                </div>
                                            </div>
                                            <div class="col correctans" id="cans20">
                                                <div class="correctAnsInner">
                                                    Correct Answer is : <span>Whether on page load element should be checked</span>
                                                </div>
                                            </div> 
                                        </div>
                                    </div>
                                    <hr />
                                
                            </div>
                            <div class="similarQuestion queColListInner">
                                <h3>Similar Interview Questions</h3>
                                <ul id="skill-alias-list"></ul>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="blogsidebar col-lg-4">
                <div class="blogsubscribe text-left">
                    <div class="text-center">
                        <h2>Search for latest jobs</h2>
                    </div>
                    <div class="subscribeform">
                        <div id="subcmsg"></div>
                        <form id="jobSearchForm" method="post">
                            <div class="formInputCol">
                                <div class="position-relative inputIcon">
                                    <img class="iconCol" src="/landing/img/jobtitleicon.svg" alt="Icon" />
                                    <input type="text" name="jobTitle" aria-label="input-field" placeholder="Enter job title" class="blogusername" id="jobTitle">
                                </div>
                                <div class="position-relative inputIcon">
                                    <img class="iconCol" src="/landing/img/locationicon.svg" alt="Icon" />
                                    <input type="email" name="jobLocation" aria-label="input-field" placeholder="Enter location" class="blogemail" id="jobLocation">
                                </div>
                            </div>
                            <button aria-label="button" type="button" class="subscribeblog"  onclick="jobSearch()">Find Jobs</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

$('#jobSearchForm').on('keypress', function(event) {
        // Check if the pressed key is Enter (key code 13)
        if (event.which === 13) {
            event.preventDefault(); // Prevent the form from submitting
            $('.subscribeblog').click(); // Trigger the button click
        }
    });

$(".takeTest").click(function(){
        $(this).parents(".interViewCard").removeClass("active");
        $(this).parents(".interViewCard").next().addClass("active");
    });

$(".btnAnswer").on('click', function(){
        var qid = $(this).data("id");
        $("#cans" + qid).toggle(100);
    });

function extractValueFromUrl(url) {
        // Extract the part between the last '/' and '.html'
        var match = url.match(/\/([^\/]+)\.html$/);
        return match ? match[1] : null;
    }
});

function jobSearch() {
    var jobTitle = $("#jobTitle").val();
    var jobLocation = $("#jobLocation").val();
    var url = "/job-search-detail.html?query=" + encodeURIComponent(jobTitle) + "&city=" + encodeURIComponent(jobLocation);
    window.open(url);
}

</script>
</div>

<footer>
  <div class="footer_content jobPageFooter">        
    <div class="container containerCstm">
      <div class="footer_menu">
          <div class="row">
             <div class="col-md-3">
              <div class="footer_text">
                <h2>For Employers</h2>
                <ul>
                  <li> <a href="https://calendly.com/support-121/snaprecruit23" target="_blank" title="Schedule A Demo">Schedule A Demo</a> </li>
                 
                  <li> <a href="" title="For Employers">Staffing Services we offer via: </a> </li>
                  <li> <a href="https://SnapX.ai" target="_blank" title="Get Vetted Talent with Video Intros.">SnapX.ai</a> </li>
                 
                 
                  
                </ul>
                <h2>For Partner</h2>
                <ul>
                  <li> <a href="/register.html?returnJobAlias=" target="_blank" title="Partner Registration">Partner Registration</a> </li>
                </ul>
                
              </div>
             </div>
             <div class="col-md-3">
                <div class="footer_text">
                   <h2>For Jobseekers</h2>
                  <ul>
                    <li> 
                      <a href="/register.html" title="Talent">For Talent</a> 
                    </li>
                    <li> 
                      <a href="/register.html" title="Register">Upload Your Resume </a> 
                    </li>
                    <li> 
                      <a href="/jobcon-event.html" title="How Hired Works">JOBCON - Sourcing Event</a> 
                    </li>
                    <li> 
                      <a href="/blog/blog-list.html" title="Blogs">Blogs</a>
                    </li>
                    <li> 
                      <a href="/article/announcements-list.html" title="Announcements">Announcements</a>
                    </li>
                    <li> 
                      <a href="/articles/articles-list.html" title="HR Articles">HR Articles</a>
                    </li>
                    <li> 
                      <a href="/job-descriptions/job-descriptions-list.html" title="Job Description">Job Description</a>
                    </li>
                    <li> 
                      <a href="/interview-questions/interview-questions-list.html" title="Interview Questions">Interview Questions</a>
                    </li>
                  </ul>
                </div>
             </div>
             <div class="col-md-3">
                <div class="footer_text">
                   
                   <h2>Help</h2>
                    <ul>
                      <li> 
                        <a href="/article/help-list.html" title="Help Articles">Help</a>
                      </li>
                      <li> 
                        <a href="/article/support-list.html" title="Support Articles">Support Articles</a>
                      </li>
                      <li> 
                        <a href="/site-map.html" target="_blank" title="Sitemap">Sitemap</a> 
                      </li>
                      <li> 
                        <a href="/terms.html" target="_blank" title="Terms & Conditions">Terms of Service</a> 
                      </li>
                      <li> 
                        <a href="/policy.html" target="_blank" title="Privacy Policy">Privacy Policy</a> 
                      </li>
                    </ul>
                    <h2>Follow Us</h2>
                    <ul class="socila_icon">
                        <li><a href="https://www.facebook.com/snaprecruits" aria-label="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true" style="color:#8badd7;"></i></a></li>
                        <li><a href="https://twitter.com/snaprecruit" aria-label="Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true" style="color:#a5e2fe;"></i></a></li>
                        <li><a href="https://linkedin.com/company/snaprecruit.com" target="_blank" aria-label="Linkedin"><i class="fa fa-linkedin" aria-hidden="true" style="color:#a5eeee;"></i></a></li>
                    </ul>
                </div>
             </div>
             <div class="col-md-3">
                <div class="footer_text">
                  <h2 >snaprecruit</h2>
                  <ul class="footerLogo">
                    <li>
                      <a href="https://heapanalytics.com/?utm_source=badge" aria-label="Analytics by heap" target="_blank">
                        <img width="104" height="39" src="/landing/img/footer-img1.png" alt="FooterImg" />
                      </a>
                    </li>
                    <li>
                      <a href="https://jooble.org" aria-label="Jooble" target="_blank">
                        <img width="49" height="38" src="/landing/img/footer-img2.png" alt="FooterImg" />
                      </a>
                    </li>
                  </ul>
                </div>
             </div>
          </div>
      </div>
      <div class="footer_bottom">
        <div class="row">
          <div class="footer_right col-lg-6 order-12">
            <ul>
              <li><a href="/site-map.html" target="_blank" title="Sitemap">Sitemap</a></li>
              <li><a href="/release-notes.html" target="_blank" title="Release Notes">Release Notes</a></li>
              <li><a href="/terms.html" target="_blank" title="Terms & Conditions">Terms of Service</a></li>
              <li><a href="/policy.html" target="_blank" title="Privacy Policy">Privacy Policy</a></li>
            </ul>
          </div>
          <div class="footer_Left col-lg-6 order-1">
             <p> 2020 - 2025 SnapX Platform Inc. All Rights Reserved</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>

<div class="notification-footer showFooter appDownloadCol">
    <div class="appDownloadSec">
      <div class="appDownloadSecInner">
        <h3><span>Download mobile apps</span>Just Swipe to apply for jobs. <label>Try it out !</label> </h3>
        <div class="appDownloadBtnCol">
          <div class="appDownloadBtn asd">
            <a href="https://apps.apple.com/us/app/snaprecruit/id1546822497">
              <img width="23" height="26" src="/assets/img/appleicon.svg" alt="Apple icon" />
              <p>
                <span>Download on</span>
                <label>App store</label>
              </p>
            </a>
            <a href="https://play.google.com/store/apps/details?id=com.snaprecruit.swipe&hl=en_US&gl=US">
              <img width="20" height="21" src="/assets/img/googleplayicon.svg" alt="Google play icon" />
              <p>
                <span>Download on</span>
                <label>Google Play</label>
              </p>
            </a>
          </div>
          <i class="fa fa-times f-close-x notclose" aria-hidden="true"></i>
        </div>
      </div>
    </div>
  </div>
<script type="text/javascript">
	$(".notclose").click(function(){
	  $(this).parents().find(".showFooter").removeClass("showFooter");
	});
</script>

$(document).ready(function() {

$('.smoothScroll').click(function(){
        $('html, body').animate({
            scrollTop: $( $.attr(this, 'href') ).offset().top
        }, 1000);
        return false;
    });

if ($('.register').html()) {

var stickyNavTop = $('.register').offset().top;
      var stickyNav = function(){

var scrollTop = $(window).scrollTop();
        if (scrollTop > stickyNavTop) {
          $('.register').addClass('sticky');
        } else {
          $('.register').removeClass('sticky');
        }
      };

stickyNav();
      $(window).scroll(function() {
        stickyNav();
      });
    }

$('#postJobBtn').click(function() {
      window.location = "/register.html?rec=true&user.email=" + $('#upperEmail').val();
    });

$('#uploadResumeBtn').click(function() {
      window.location = "/register.html?user.email=" + $('#upperEmail').val();
    });

$('#registerAnAccount').click(function() {

window.location = "/register.html?user.email=" + $('#registerEmail').val();
    });

// Home page Animations
    if ($('.item').hasClass('active')){

$(this).toggleClass("pulse animated");
    }

$('.arrowBtn').click(function() {
      var next = $('.carousel-inner .active').next();
      if (!next.html()) next = $('.carousel-inner .item').first();
      if (next.html())
        setTimeout(function(){ next.removeClass("pulse");next.removeClass("animated");next.toggleClass("pulse animated"); }, 70);
    });

var checkEmail = function(email) {

var str="^([a-zA-Z0-9_-]+[\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9_-]+[\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$";
      var re=new RegExp(str);
      if(re.test(email)){
        return true;
      }

return false;
    }

$('#formRptSend').click(function() {

var subject = $('#formRptSubject').val();
          var email = $('#formRptEmail').val();
          var message = $('#formRptMsg').val();

if (!subject) {
          $('#formRptSubjectErr').show();
          return;
        } else
          $('#formRptSubjectErr').hide();

if (!email) {

$('#formRptEmailErr').show();
          return;
        } else if (!checkEmail(email)) {

$('#formRptEmailInvalid').show();
          $('#formRptEmailErr').hide();
          return;
        } else {

$('#formRptEmailErr').hide();
          $('#formRptEmailInvalid').hide();
        }

if (!message) {
          $('#formRptMsgErr').show();
          return;
        } else
          $('#formRptMsgErr').hide();

$.post( "/ajax/send-report-email.html", { 'contact.name' : subject, 'contact.email' : email, 'contact.message' : message }, function() {

$('#myModal').modal("hide");
          });
    });
  });
  
  // $(".login-button .positionr").hover(function(){
  //   $(".employermenu").next().toggle();
  // });

$('.load-one').click(function(){
    $('.load-cont-2').addClass('loadmoreshow');
    $(this).hide();
  });
  $('.load-two').click(function(){
    $('.load-cont-3').addClass('loadmoreshow');
    $(this).hide();
  });
  $('.load-three').click(function(){
    $('.load-cont-4').addClass('loadmoreshow');
    $(this).hide();
  });
  $('.load-four').click(function(){
    $('.load-cont-5').addClass('loadmoreshow');
    $(this).hide();
  });
  $('.load-five').click(function(){
    $('.load-cont-6').addClass('loadmoreshow');
    $(this).hide();
  });
  
  
  $('body').scrollspy({ target: '#page-scroll-links'});
  
  function checkOffset() {
      if($('#social-float').offset().top + $('#social-float').height() 
                                             >= $('#footer').offset().top - 10)
          $('#social-float').css('position', 'absolute');
      if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top)
          $('#social-float').css('position', 'fixed'); // restore when you scroll up
      $('#social-float').text($(document).scrollTop() + window.innerHeight);
  }
  $(document).scroll(function() {
      checkOffset();
  });
  
  $('#navbar-example .nav-tabs>li').click(function(){
    $('#navbar-example .nav-tabs>li').removeClass('active');
    $(this).addClass('active');
  });
  
  $('#reloadActivities').click(function(){ 
    
   $('.side-bar' ).animate({right:'0px'});
  });
  
  $('.btn.btn-default.slide').click(function(){
   $('.side-bar' ).animate({right:'-400px'});
  });
  
  
  //Blog paragraph text limit
  $(function(){
    $(".card .card__info p").each(function(i){
      len=$(this).text().length;
      if(len>160)
      {
        $(this).text($(this).text().substr(0,160)+'...');
      }
    });
  });

$(document).on("click", function(event){
    var $trigger = $(".login-button");
    if($trigger !== event.target && !$trigger.has(event.target).length){
      $(".login-button").removeClass("open");
    }
  });

function filterJobs(paramName, value) {
	
	 var queryParams = "";
	 var qpArr = queryParams!="" ? queryParams.split("&") : [];
	 paramFlag = false;
	 if(qpArr.length > 0) {
		 var nqpArr = [];
		 var j = 0;

for(i = 0; i < qpArr.length; i++) {
			if(qpArr[i].indexOf("error=") === -1) {
		
				nqpArr[j] = qpArr[i];
				j++;
			}

}

for(i = 0; i < nqpArr.length; i++) {
			 var pair = nqpArr[i].split("=");
			 if(pair[0] == "error")
			 	continue;
			 if(pair[0] == paramName)
			 {
				 paramFlag = true;
			 	pair[1] = value;
			 }
			 
			 nqpArr[i] = pair.join("=");
		}
		queryParams = nqpArr.join("&");
	 }
	 
	 if(paramFlag == false) {
		 if(queryParams=="")
		 	queryParams = paramName+"="+value;
		 else
			 queryParams = queryParams+"&"+paramName+"="+value;
	 }
	 
	window.location = "http://snaprecruit.com/interview-questions/HTML-+-HTML5-interview-questions-part-14.html?"+queryParams;
}
function clearFilters() {
	 var queryParams = "";
	 var qpArr = queryParams!="" ? queryParams.split("&") : [];
	 var queryCity = qpArr.filter(function(qprm) {
		  return qprm.indexOf("query")!=-1 ||  qprm.indexOf("city")!=-1;
		});
	 queryParams = queryCity.join("&");
	window.location = "http://snaprecruit.com/interview-questions/HTML-+-HTML5-interview-questions-part-14.html?"+queryParams;
}
</script>

</body>
</html>

HTML + HTML5 interview questions part 14

HTML + HTML5 interview questions part 14

Take as many assements as you can to improve your validate your skill rating

Total Questions: 20

1. Which of the following is the attribute that specifies the column name from the data source object that supplies the bound data?

2. Which of the following is the attribute that indicates the name of the data source object that supplies the data that is bound to this element?

3. Which of the following is the attribute that specifies additional horizontal space, in pixels, to be reserved on either side of an embedded item like an iframe, applet, image, and so on?

4. The accesskey attribute specifies a keyboard navigation accelerator for the element.

5. Which of the following is the attribute that is used to set a global identifier for a microdata item?

6. Which of the following is the attribute that is used to add a name/value pair to a microdata item?

7. What does wrap attribute denote?

8. With which element width attribute is not define?