category:
Technology
Back to Blog Index
検索ボタンをデフォルトから変更(javascript)
検索ボタンはデフォルトでは <input type=”submit” … となっていますが、検索ボタンを自分で作成したimageに変更したい場合、下記のように記述。
<input type=”image” src=”imageのパス” alt=”Search” onMouseOver=”this.src=’hover imageのパス’;” onMouseOut=”this.src=’imageのパス’;” border=0 onfocus=”this.blur()” />
<input type=”image” src=”” …
にすることで画像が使用できます。
上記ソースではjavascriptでマウスオーバー、マウスアウトのイメージを切り替えています。