今回は59回目です。
フォームのボタンに画像をつけます。


ボタンに画像をつける

今回の効果は、フォームのボタンに自分の好きな画像を貼り付けるというものです。
フォームの<button>タグの中にちょっと書き加えるだけでできるので、自分オリジナルのボタンを作ることができます。
今月も少しだけこの実験にお付き合い下さい。

ポイント ポイント <button>タグの中に、name="imagebutton" と書き加え、その次に
<img src=> で貼りたい画像を指定します。
効果 効果 <img src=> で指定した画像がボタンに表示されます。
使い方 使い方 実際の実験画面のソースをご覧下さい。


今回の実験でわかったこと


この効果はIEの6.0と、ネットスケープの7.0で確認しています。
Macは確認していません。

画像を貼ると、ボタンが大きくなってしまうのが難点と言えるかもしれません。


ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)

超簡単HP実験室 実験室のトップページに