Pasek wyszukiwania na stronie WWW
Manna5
Pasek wyszukiwania na stronie
Artykuł wyjaśnia, jak umożliwić szybkie skorzystanie z wybranej przez nas wyszukiwarki internetowej na własnej stronie WWW.
Nie wymaga to w ogóle pisania skryptów ani po stronie przeglądarki w JavaScript, ani po stronie serwera w PHP czy innych językach. Wystarczy wstawić na stronę zwykły formularz HTML przekierowujący do wyszukiwarki. Poniżej podaję kod w różnych wersjach, zależnie od konkretnej wyszukiwarki.
<FORM ACTION="http://google.com/search">
<LABEL>Fraza: <INPUT TYPE="text" NAME="q"></LABEL>
<INPUT TYPE="submit" VALUE="Szukaj">
</FORM>
Bing
<FORM ACTION="http://www.bing.com/search">
<LABEL>Fraza: <INPUT TYPE="text" NAME="q"></LABEL>
<INPUT TYPE="submit" VALUE="Szukaj">
</FORM>
DuckDuckGo
<FORM ACTION="https://duckduckgo.com/">
<LABEL>Fraza: <INPUT TYPE="text" NAME="q"></LABEL>
<INPUT TYPE="submit" VALUE="Szukaj">
</FORM>
Dodatkowe parametry wyszukiwania w DuckDuckGo dla zaawansowanych
Istotne są tylko adres wyszukiwarki (w atrybucie ACTION formularza) oraz nazwa pola tekstowego na wyszukiwaną frazę (w atrybucie NAME). Restę, tzn. opisy i rozmieszczenie kontrolek, można zmienić. Aby wyniki wyszukiwania zostały wyśietlone w nowym oknie zamiast zastąpić naszą stronę, należy dodać atrybut formularza TARGET="_blank".
Formularz dla różnych wyszukiwarek - tylko HTML5
Poniższy kod pozwala odwiedzającemu na samodzielny wybór jego ulubionej wyszukiwarki poprzez kliknięcie jednego z trzech przycisków, ale zadziała tylko w przeglądarkach zgodnych ze standardem HTML w najnowszej wersji, jaką jest HTML5.
<FORM>
<LABEL>Fraza: <INPUT TYPE="text" NAME="q"></LABEL>
<BR>
<INPUT TYPE="submit" VALUE="Szukaj w Google"
FORMACTION="http://google.com/search">
<INPUT TYPE="submit" VALUE="Szukaj w Bing"
FORMACTION="http://www.bing.com/search">
<INPUT TYPE="submit" VALUE="Szukaj w DuckDuckGo"
FORMACTION="https://duckduckgo.com/">
</FORM>