1. まとめトップ

HTML検索フォームの作り方

更新日: 2014年09月04日

3 お気に入り 13717 view
お気に入り追加

基本ソース

<form method="get" action="URL">
<input type="text" name="クエリ名" value="">
<input type="submit" value="検索">
</form>

Google検索

<form method="get" action="http://www.google.co.jp/search">
<input type="text" name="q" value="">
<input type="submit" value="検索">
</form>

Yahoo!検索

<form method="get" action="http://search.yahoo.co.jp/search">
<input type="text" name="p" value="">
<input type="hidden" name="ei" value="Shift_JIS">
<input type="submit" value="検索">
</form>

NAVERまとめ検索

<form method="get" action="http://matome.naver.jp/search">
<input type="text" name="q" value="">
<input type="submit" value="検索">
</form>

amazonアソシエイト検索

<form method="get" action="http://www.amazon.co.jp/s/">
<input type="hidden" name="tag" value="トラッキングID">
<input type="hidden" name="_encoding" value="Shift_JIS">
<input type="hidden" name="search-alias" value="aps">
<input type="text" name="field-keywords">
<input type="submit" value="検索">
</form>

改行しない

<form method="get" action="" style="display:inline;">

1







  • 話題の動画をまとめよう