アイコンつきボタンにハマッてる

HTMLフォームのsubmitボタンって味気ないので、最近はアイコンを乗っけたsubmitボタンを多用してる。
まあ、多用してても僕の作ったもんは世に出ないんだけどね(汗

普通のボタンはこういう感じで表示されるよね。

<input type='submit' name='xxx' value='OK' />
<input type='submit' name='xxx' value='NG' />

 
画像つきにしたい場合はinputタグじゃなくてbuttonタグを使う。

<button type='submit' ><img src='OK.gif' />OK</button>
<button type='button' ><img src='NG.gif' />NG</button>

 
ひと手間かかるんだけど、パッと見たときわかりやすくていいじゃない。

ただし、value要素の解釈がブラウザによってまちまちなんで、value要素は使わないほうがいいっぽい。
submitされたことが分かればいい場合か、javascriptでいろいろ出来る場合に限られるかな。

ところで、ボタンに使ったシンプルでいかすアイコンは、有名なfamfamfam.comから。

 

トラックバック(0)

このブログ記事へのトラックバックURL:
http://1000leaf.net/MT41/mt-tb.cgi/179