検索ボタンはデフォルトでは
<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でマウスオーバー、マウスアウトのイメージを切り替えています。
Related Entry
- 背景画像をうまく使ったデザインエージェンシーのサイト
- シンプルなソースで拡張性の高いバリデータ『Ketchup Plugin』
- リアルタイムにバリデートしてくれるクールなJavaScript
- あまり知られていない便利なJavascriptライブラリ5
- lightbox系のシンプルに画像を拡大できるJavaScript
- 自動でスクロールするシンプルなニュースティッカーの作り方
