
フォームを使って値を渡すのに
<INPUT TYPE=SUBMIT NAME=WORD VALUE='*****'>
とボタンを作成し、VALUEの値
(中身を確認、とか送信実行とか)
で動作を分岐し、実行していました。
このボタンを画像にしたいのですが、
値を渡すのはGETじゃないと無理でしょうか?
(今まではPOSTで送信)
ボタンを画像にするとなると
<A HREF='**.cgi'><IMG SRC='**'></A>
となるので、
<A HREF='**.cgi?key=****'><IMG SRC='**'></A>
のように、する必要があるのかなぁ?と思いまして…
せっかくPOSTで受け取るようにCGIを作成したので、
できればPOSTのままで使用できればと思うのですが。
(無理ならGETに変更するしかないですけど)
VALUEの値はボタンでは送信できないので、
<INPUT TYPE=HIDDEN NAME=WORD VALUE='****'>
として渡そうと思ってます。
他に何かよい方法あるでしょうか?
※Perl使用です。
No.1ベストアンサー
- 回答日時:
こんな感じでできませんか。
<INPUT TYPE="image" src="***.gif" VALUE="submit" alt="投稿" border="0">
この回答への補足
もしやWORDの中身はマウスポインタの位置でしょうか?
xとyあるし、なんとなく同じ位置でクリックしたら同じような値になったので…
回答ありがとうございます。
<INPUT IMAGE>は知らなかったので、早速やってみました☆
POSTでデータは送れているようですが、
VALUEのところが文字化けしてしまいました。
POSTのデータ
PASSWORD=00329&ID=00329&WORD.x=93&WORD.y=13
PASSWORD=00329&ID=00329&WORD.x=85&WORD.y=25
PASSWORD=00329&ID=00329&WORD.x=97&WORD.y=19
しかも毎回データが違う!!
なぜでしょうか?
実際はこんな感じに書いてみました。
<INPUT TYPE=IMAGE NAME='WORD' SRC='01.gif' VALUE='自分が送信したファイル'>
No.4
- 回答日時:
<button type="submit" name="WORD" value="*****"><img src="01.gif"></button>
で良いと思います
みなさま回答ありがとうございました。
今回は
HIDDENとinput typ="img"の併用でやってみたところ、無事できました。
次やる時は、BUTTONタグを使ってみたいと思います。
ありがとうございました。
No.3
- 回答日時:
inputのかわりにbuttonを用いる事も出来ます。
buttonは要素内にテキストやimgタグを入れ込めるので、目的を達成出来ると思いますが。参考URL:http://www.ne.jp/asahi/minazuki/bakera/html/refe …

No.2
- 回答日時:
ご推測の通り、
「画像ボタンをクリックすると、クリックした座標が AAA.x=n AAA.y=n という形式でアクションに送信され」るようです。
参照:http://www.tohoho-web.com/html/input.htm
質問にお書きのように、ボタンにはnameをつけず、hiddenに値を入れて送るのが良さそうですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・【お題】甲子園での思い出の残し方
- ・【お題】動物のキャッチフレーズ
- ・人生で一番思い出に残ってる靴
- ・これ何て呼びますか Part2
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・あなたが好きな本屋さんを教えてください
- ・かっこよく答えてください!!
- ・一回も披露したことのない豆知識
- ・ショボ短歌会
- ・いちばん失敗した人決定戦
- ・性格悪い人が優勝
- ・最速怪談選手権
- ・限定しりとり
- ・性格いい人が優勝
- ・これ何て呼びますか
- ・チョコミントアイス
- ・単二電池
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・泣きながら食べたご飯の思い出
- ・一番好きなみそ汁の具材は?
- ・人生で一番お金がなかったとき
- ・カラオケの鉄板ソング
- ・自分用のお土産
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ボタンを押すまで次の処理へ行...
-
onclickで2個指定するには?
-
ボタン2回押しを無効にしたい
-
【掲示板の機能】投稿時にサイ...
-
印刷プレビュー後のウィンドウ...
-
onclickをEnterキーでも行いたい
-
onClick="this.form.submit
-
フォーム内で記入したクエリ送...
-
ボタンを押すとチェックボック...
-
JavaScriptにおいてPOSTで送信...
-
【jQuery】input nameの文字列...
-
一覧から選択した行の行番号を...
-
<input>の選択肢をプルダウンメ...
-
イベント発生順序
-
javascriptでプルダウンメニュ...
-
【jQuery】tableループ内のIDの...
-
onchangeイベントを強制的に発...
-
return trueとreturn falseの用...
-
チェックボックスのON/OFFでVal...
-
条件により、リンク先に画面遷...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
フォーム内で記入したクエリ送...
-
onClick="this.form.submit
-
ボタン2回押しを無効にしたい
-
onclickをEnterキーでも行いたい
-
ボタンを押すとチェックボック...
-
onclickで2個指定するには?
-
送信フォームで送信ボタンをお...
-
HTAで、こんなボタンが作りたい。
-
印刷プレビュー後のウィンドウ...
-
shiftキーを押しながらコマンド...
-
ボタン無しでフォーム内容送信
-
sessionの値でボタンを活性・非...
-
confirm()で表示したダイアログ...
-
confirmのOK・キャンセルを押し...
-
onclickイベントでの二重送信防...
-
ボタンを動的にdisabledさせた...
-
トグルボタンの文字色
-
VBScript
おすすめ情報