Search form shortcode
This shortcode will display a wordpress search form
Attributes
placeholder, values: string
Example
Code
[search_form]Source Output
<form role="search" method="get" class="search-form" action="https://www.orcapia.com/" data-v="1.10.32" data-p="drx-ajax" data-t="._search_results" data-a="s" data-n="">
<div class="input-group"><input type="search"
onkeydown="let _as=document.querySelectorAll('._search_results a');if(_as.length===0)return;let _cF=document.querySelector('._search_results .focus');let _tA=null;if(event.key==='ArrowDown'||event.key==='ArrowUp'){let _fI=-1;if(_cF){for(let i=0;i<_as.length;i++){if(_as[i]===_cF){_fI=i;break}}}if(event.key==='ArrowDown'){_tA=_as[_fI+1]||_as[0]}else if(event.key==='ArrowUp'){_tA=_as[_fI-1]||_as[_as.length-1]}_as.forEach(_a=>_a.classList.remove('focus'));if(_tA){_tA.classList.add('focus')}event.preventDefault()}if(event.key==='Enter'&&_cF){window.location.href=_cF.href;event.preventDefault()}" required="" class="search-field form-control" onkeyup="let s = this.value.replace(/\s+/g,' ').trim(); if (this.dataset.lastv != s) { if (s.length > 1) { this.dataset.lastv = s; if (_drxax.tos) clearTimeout(_drxax.tos); _drxax.tos = setTimeout(() => _drxax_fsub(this.closest('form')), 500); } else { document.querySelector(this.closest('form').dataset.t).innerHTML = ''; }}" autocomplete="off" placeholder="Search ..." value="" name="s" ondblclick="this.value='';" title="Search for:">
</div><div style="position: relative" class="ms-1 me-4 mt-1"><div class="_search_results" style="position: absolute; top: 0; left: 0;z-index:1045;"></div></div>
</form>