No.3
- 回答日時:
on/offの状態を示す部品としては <input type="checkbox"> がありますね。
見た目にこだわらず機能にあわせてチェックボックスを使ってはどうでしょうか。
見た目にこだわる必要があるならやはり画像とjavascriptを絡ませるしかないかと思います。
参考
http://www.designwalker.com/2009/03/form-design- …
No.2
- 回答日時:
私も調べてみましたが、WEBフォームでは無理なようです。
ですが、代替案として、
「ボタンの画像」と「ボタンがへこんだ画像」の2つを用意して、
OnClickイベントに連動させてこの2つの画像を入れかえれば、
見た目はボタンを押すと押されたままの状態が続いているように見えます。
No.1
- 回答日時:
やり方がわからないので別の方法を
1、画像を利用する。
2、Enable=Falseにする。
1はJavaScriptのクリックイベントで画像を変更すればそれらしく見えます。
2は複数回押せなくするという用途で利用します。
(押されている状態を表示したいのなら無視してください。)
この回答への補足
ご回答ありがとうございます。
1はその方法しかないかなと思っておりましたが、
良い画像が無いので、質問させて頂きました。
2はちょっとやりたい事と違いますかね。
標準機能であっても良さそうなんですが、無いんですね。
他に良いアイデア等ありましたら、教えていただければと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- 教えて!goo 「いいね」ボタンのキャンセル 1 2023/08/12 11:31
- プリンタ・スキャナー キャノンmp490プリンター【エラー番号5400】で【プリンタートラブルが発生しました。電源を入れ直 2 2023/07/24 17:45
- 画像編集・動画編集・音楽編集 CyberLinkPowerDirectorでDVD作成時タイトル/チャプターのボタンが押せない 1 2023/04/09 12:30
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教える店舗&オフィスのセキュリティ対策術
中・小規模の店舗やオフィスのセキュリティセキュリティ対策について、プロにどう対策すべきか 何を注意すべきかを教えていただきました!
-
JSPやサーブレットでSystem.out.println()などでコンソールに出力できますでしょうか?
Java
-
javascriptでセッションを取得
JavaScript
-
ボタンを押したような状態にしたい。JQuery
JavaScript
-
-
4
idを使わずにonclickで自身の要素取得
JavaScript
-
5
<select> <option>の表示、件数設定
HTML・CSS
-
6
同じIDで定義した要素の配列を取得したいが
JavaScript
-
7
htmlの文字が縦書きになる
HTML・CSS
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押したままにする。
-
拡張子無しで画像を表示したいです
-
ホームページにサウンドの「ON...
-
バナーの貼り方とバナーにリン...
-
画像のアドレスについて
-
リンクの上にマウスカーソルを...
-
背景が透明なリンクボタンで、...
-
画像クリックでクリップボード...
-
フォルダ内の画像をウェブでラ...
-
pngやjsの後ろの英数字の意味は...
-
HTMLでデスクトップの画像がでない
-
HTMLタグで画像が表示されない
-
すいません HTMLです この画像...
-
画像を二枚ずつ表示して、選ん...
-
IMGタグでTIFF画像を表示
-
タイトルバーに画像を入れるHTM...
-
崩れたレイアウトが更新すると...
-
IEでのalt属性ポップアップ表示...
-
リンクとして認識されない
-
画像を入れ替える方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
カーソルを合わせると文字が出...
-
カウンターのHTMLソースを教え...
-
画像クリックでクリップボード...
-
tifファイルが表示されない
-
IFRAME内に収まるように画像を...
おすすめ情報