Answer»
![\\ #myInput { background-image: url('/img/search.png');\\ background-position: 5px 10px; background-size:40px; background-repeat: no-repeat; width: 100%; box-sizing: border-box; font-size: 16px; padding: 12px 20px 12px 40px; border: 1px solid #ddd; margin-bottom: 12px; }\\ #myTable { border-collapse: collapse; width: 100%; border: 1px solid #ddd; font-size: 18px; }\\ #myTable th, #myTable td { text-align: left; padding: 12px; }\\ #myTable tr { border-bottom: 1px solid #ddd; }\\ #myTable tr.header, #myTable tr:hover{ background-color: #f1f1f1; }\\ \\\\NATIONAL ANIMALS\\\\ Country National Animals \\ India Bengal Tiger \\ Nepal Cow \\ Peru Vicuña \\ Philippines Carabao \\ Romania <klux>LYNX</klux> \\ Rwanda Leopard \\ Spain Bull \\ Thailand Elephant \\ Turkey Greywolf \\\\\\function myFunction() { var input, filter, table, tr, td, i; input=document.getElementById(]() -1) {\\ tr[i].style.display = ""; } else { tr[i].style.display = "none";\\ } } } }\\\\" class="latex-formula" id="TexFormula1" src="https://tex.z-dn.net/?f=%3C%21DOCTYPE%20html%3E%20%3Chtml%3E%20%3Chead%3E%20%3Cstyle%3E%5C%5C%20%23myInput%20%7B%20%20%20background-image%3A%20%20%20url%28%27%2Fimg%2Fsearch.png%27%29%3B%5C%5C%20%20background-position%3A%205px%2010px%3B%20%20%20background-size%3A40px%3B%20%20%20background-repeat%3A%20no-repeat%3B%20%20%20width%3A%20100%25%3B%20%20%20box-sizing%3A%20border-box%3B%20%20%20font-size%3A%2016px%3B%20%20%20padding%3A%2012px%2020px%2012px%2040px%3B%20%20%20border%3A%201px%20solid%20%23ddd%3B%20%20%20margin-bottom%3A%2012px%3B%20%7D%5C%5C%20%23myTable%20%7B%20%20%20border-collapse%3A%20collapse%3B%20%20%20width%3A%20100%25%3B%20%20%20border%3A%201px%20solid%20%23ddd%3B%20%20%20font-size%3A%2018px%3B%20%7D%5C%5C%20%23myTable%20TH%2C%20%23myTable%20td%20%7B%20%20%20text-align%3A%20left%3B%20%20%20padding%3A%2012px%3B%20%7D%5C%5C%20%23myTable%20tr%20%7B%20%20%20border-bottom%3A%201px%20solid%20%23ddd%3B%20%7D%5C%5C%20%23myTable%20tr.header%2C%20%23myTable%20tr%3Ahover%7B%20%20%20background-color%3A%20%23f1f1f1%3B%20%7D%5C%5C%3C%2Fstyle%3E%20%3C%2Fhead%3E%5C%5C%3Cbody%3E%5C%5C%3Ch2%3ENATIONAL%20ANIMALS%3C%2Fh2%3E%5C%5C%3Cinput%20type%3D%22text%22%20id%3D%22myInput%22%20onkeyup%3D%22myFunction%28%29%22%20placeholder%3D%20%22Search%20by%20Country....%22%5C%5Ctitle%3D%22Type%20in%20a%20name%22%3E%5C%5C%3Ctable%20id%3D%22myTable%22%3E%20%3Ctr%20class%3D%22header%22%3E%20%3Cth%20style%3D%22width%3A60%25%3B%22%3ECountry%3C%2Fth%3E%20%3Cth%20style%3D%22width%3A40%25%3B%22%3ENational%20Animals%3C%2Fth%3E%20%3C%2Ftr%3E%5C%5C%20%20%3Ctr%3E%20%20%20%20%20%3Ctd%3EIndia%3C%2Ftd%3E%20%20%20%20%20%3Ctd%3EBengal%20Tiger%3C%2Ftd%3E%20%20%20%3C%2Ftr%3E%5C%5C%20%20%3Ctr%3E%20%20%20%20%20%3Ctd%3ENepal%3C%2Ftd%3E%20%20%20%20%20%3Ctd%3ECow%3C%2Ftd%3E%20%20%20%3C%2Ftr%3E%5C%5C%20%20%3Ctr%3E%20%20%20%20%20%3Ctd%3EPeru%3C%2Ftd%3E%20%20%20%20%20%3Ctd%3EVicu%C3%B1a%3C%2Ftd%3E%20%20%20%3C%2Ftr%3E%5C%5C%20%20%3Ctr%3E%20%20%20%20%20%3Ctd%3EPhilippines%3C%2Ftd%3E%20%20%20%20%20%3Ctd%3ECarabao%3C%2Ftd%3E%20%20%20%3C%2Ftr%3E%5C%5C%20%20%3Ctr%3E%20%20%20%20%20%3Ctd%3E%20Romania%3C%2Ftd%3E%20%20%20%20%20%3Ctd%3ELynx%3C%2Ftd%3E%20%20%20%3C%2Ftr%3E%5C%5C%20%20%3Ctr%3E%20%20%20%20%20%3Ctd%3ERwanda%3C%2Ftd%3E%20%20%20%20%20%3Ctd%3ELeopard%3C%2Ftd%3E%20%20%20%3C%2Ftr%3E%5C%5C%20%20%3Ctr%3E%20%20%20%20%20%3Ctd%3ESpain%3C%2Ftd%3E%20%20%20%20%20%3Ctd%3EBull%3C%2Ftd%3E%20%20%20%3C%2Ftr%3E%5C%5C%20%20%3Ctr%3E%20%20%20%20%20%3Ctd%3EThailand%3C%2Ftd%3E%20%20%20%20%20%3Ctd%3EElephant%3C%2Ftd%3E%20%20%20%3C%2Ftr%3E%5C%5C%20%20%3Ctr%3E%20%20%20%20%20%3Ctd%3ETurkey%3C%2Ftd%3E%20%20%20%20%20%3Ctd%3EGreywolf%3C%2Ftd%3E%20%20%20%3C%2Ftr%3E%5C%5C%3C%2Ftable%3E%5C%5C%3Cscript%3E%5C%5Cfunction%20myFunction%28%29%20%7B%20var%20input%2C%20filter%2C%20table%2C%20tr%2C%20td%2C%20i%3B%20input%3Ddocument.getElementById%28%22myInput%22%29%3B%5C%5Cfilter%3Dinput.value.toUpperCase%28%29%3B%5C%5Ctable%3Ddocument.getElementById%28%22myTable%22%29%3B%5C%5Ctr%3Dtable.getElementsByTagName%28%22tr%22%29%3B%5C%5Cfor%20%28i%20%3D%200%3B%20i%20%3C%20tr.length%3B%20i%2B%2B%29%20%7B%20td%20%3D%20tr%5Bi%5D.getElementsByTagName%28%22td%22%29%5B0%5D%3B%5C%5C%20if%20%28td%29%20%7B%20%20%20%20if%20%28td.innerHTML.toUpperCase%28%29%20%20%20%20.indexOf%28filter%29%20%3E%20-1%29%20%7B%5C%5C%20%20%20%20%20tr%5Bi%5D.style.display%20%3D%20%22%22%3B%20%20%20%20%20%20%20%7D%20else%20%7B%20%20%20%20%20%20%20%20%20tr%5Bi%5D.style.display%20%3D%20%22none%22%3B%5C%5C%20%20%20%20%20%20%7D%20%20%20%20%20%7D%20%20%20%7D%20%7D%5C%5C%3C%2Fscript%3E%5C%5C%3C%2Fbody%3E%20%3C%2Fhtml%3E%20" title="\\ #myInput { background-image: url('/img/search.png');\\ background-position: 5px 10px; background-size:40px; background-repeat: no-repeat; width: 100%; box-sizing: border-box; font-size: 16px; padding: 12px 20px 12px 40px; border: 1px solid #ddd; margin-bottom: 12px; }\\ #myTable { border-collapse: collapse; width: 100%; border: 1px solid #ddd; font-size: 18px; }\\ #myTable th, #myTable td { text-align: left; padding: 12px; }\\ #myTable tr { border-bottom: 1px solid #ddd; }\\ #myTable tr.header, #myTable tr:hover{ background-color: #f1f1f1; }\\ \\\\NATIONAL ANIMALS\\\\ Country National Animals \\ India Bengal Tiger \\ Nepal Cow \\ Peru Vicuña \\ Philippines Carabao \\ Romania Lynx \\ Rwanda Leopard \\ Spain Bull \\ Thailand Elephant \\ Turkey Greywolf \\\\\\function myFunction() { var input, filter, table, tr, td, i; input=document.getElementById("myInput");\\filter=input.value.toUpperCase();\\table=document.getElementById("myTable");\\tr=table.getElementsByTagName("tr");\\for (i = 0; i < tr.length; i++) { td = tr[i].getElementsByTagName("td")[0];\\ if (td) { if (td.innerHTML.toUpperCase() .indexOf(filter) > -1) {\\ tr[i].style.display = ""; } else { tr[i].style.display = "none";\\ } } } }\\\\">
|
