検索ボタンに画像を使用 | Category : 素材の設置方法とヒント
検索ボックスの送信ボタンを画像に変更する方法を紹介します。ついでに先頭にも画像を置いてみました。(この検索ボックスは、機能しないようにしてあります。)
画像を置いていない状態
<center>
<form method=get action="省略 ">
<table bgcolor="#FFFFFF"><tr><td>
<input type=text name=q size=20 value="">
<input type=submit name=btn value="検索">
</td></tr></table>
</form>
</center>
青字の部分を挿入および、修正します
<center>
<form method=get action="省略 ">
<table bgcolor="#FFFFFF"><tr><td>
<img src="画像のurl" width="画像の横幅" height="画像の高さ" alt="search" align="absmiddle">
<input type=text name=q size=20 value="">
<input type=image name=submit src="画像のurl" width="画像の横幅" height="画像の高さ" alt="検索" align="absmiddle">
</td></tr></table>
</form>
</center>
すると、こうなります
