Sa mga image na inyong ibinigay, mukhang search bar po ang nais niyong malaman ang tawag. Kadalasan po itong nakikita sa mga website upang mas madaling makahanap ng mga nilalaman sa kanilang platform. Ang code na karaniwan ginagamit dito ay HTML at CSS.
Para sa HTML, maaari niyong gamitin ang
<form>
tag na may
input
tag para sa pagkuha ng input ng user. Maari ninyong gamitin ang
type="text"
para sa text box o
type="search"
para sa search box.
Halimbawa:
Code:
<form action="/search">
<input type="search" id="search" name="q" placeholder="Search...">
<button type="submit">Search</button>
</form>
Para sa CSS, maari ninyong ayusin ang itsura ng inyong search bar sa pamamagitan ng styling ng inyong mga tags tulad ng
input
at
button
. Maari rin kayong gumamit ng CSS Frameworks tulad ng Bootstrap upang mapadali ang inyong styling process.
Sana ay nakatulong po ito sa inyong katanungan.