ボタンを押したままにする。

inputタグやbuttonタグでボタンを作成できますが、
押された時に押されたまま引っ込んだ状態には出来ないのでしょうか。

よろしくお願いします。

No.4 ベストアンサー 回答者： yambejp 回答日時： 2009/06/12 13:55

見た目だけならこんな感じで雰囲気でませんか？

<input type="button" style="border:outset 2px;" onmousedown="this.style.border='inset 2px'";>

この回答へのお礼

すごいです。
こんな雰囲気で良いのです。

半分あきらめていましたが、こんな方法もあるんですね。
ありがとうございました！

お礼日時：2009/06/15 10:47

No.3 回答者： steel_gray 回答日時： 2009/06/12 13:51

on/offの状態を示す部品としては <input type="checkbox"> がありますね。

見た目にこだわらず機能にあわせてチェックボックスを使ってはどうでしょうか。

見た目にこだわる必要があるならやはり画像とjavascriptを絡ませるしかないかと思います。
参考
http://www.designwalker.com/2009/03/form-design- …

No.2 回答者： Wingard 回答日時： 2009/06/12 13:24

私も調べてみましたが、WEBフォームでは無理なようです。

ですが、代替案として、
「ボタンの画像」と「ボタンがへこんだ画像」の２つを用意して、
OnClickイベントに連動させてこの２つの画像を入れかえれば、
見た目はボタンを押すと押されたままの状態が続いているように見えます。

No.1 回答者： sh_hirose 回答日時： 2009/06/12 12:35

やり方がわからないので別の方法を

１、画像を利用する。
２、Enable=Falseにする。

１はJavaScriptのクリックイベントで画像を変更すればそれらしく見えます。

２は複数回押せなくするという用途で利用します。
（押されている状態を表示したいのなら無視してください。）

この回答への補足

ご回答ありがとうございます。

１はその方法しかないかなと思っておりましたが、
良い画像が無いので、質問させて頂きました。

２はちょっとやりたい事と違いますかね。
標準機能であっても良さそうなんですが、無いんですね。

他に良いアイデア等ありましたら、教えていただければと思います。

補足日時：2009/06/12 13:17