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

質問

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

よろしくお願いします。

回答No.4

yambejp · ベストアンサー

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

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

お礼

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

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

回答No.3

steel_gray

on/offの状態を示す部品としては <input type="checkbox"> がありますね。
見た目にこだわらず機能にあわせてチェックボックスを使ってはどうでしょうか。

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

回答No.2

森野 クマ（@Wingard）

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

回答No.1

sh_hirose

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

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

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

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

補足

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

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

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

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