フォームを使って値を渡すのに
<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を探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/12】 急に朝起こしてきた母親に言われた一言とは?
- ・好きな和訳タイトルを教えてください
- ・うちのカレーにはこれが入ってる!って食材ありますか?
- ・好きな「お肉」は?
- ・あなたは何にトキメキますか?
- ・おすすめのモーニング・朝食メニューを教えて!
- ・「覚え間違い」を教えてください!
- ・とっておきの手土産を教えて
- ・「平成」を感じるもの
- ・秘密基地、どこに作った?
- ・【お題】NEW演歌
- ・カンパ〜イ!←最初の1杯目、なに頼む?
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onclickで2個指定するには?
-
submitするとなぜか2度実行する
-
onclickをEnterキーでも行いたい
-
javascriptで二重送信防止
-
onClick="this.form.submit
-
jsで質問です。 ボタンが二つ存...
-
confirmのOK・キャンセルを押し...
-
VBSでブラウザ上のテキストボッ...
-
<JavaScript>tableタグを入力不...
-
return trueとreturn falseの用...
-
hiddenのvalueの値を変えたい
-
ラジオボタンにタブインデック...
-
<input>の選択肢をプルダウンメ...
-
onchangeイベントを強制的に発...
-
value内に変数を入れたい
-
formのfileの値をhiddenでも持...
-
【javascript・PHP】プルダウン...
-
セルをドラッグで選択するときに、
-
javascriptで合計金額を算出し...
-
特定<table>内の<td>の色を変える
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フォーム内で記入したクエリ送...
-
onclickで2個指定するには?
-
VBSでブラウザ上のテキストボッ...
-
onclickをEnterキーでも行いたい
-
jsで質問です。 ボタンが二つ存...
-
sessionの値でボタンを活性・非...
-
送信フォームで送信ボタンをお...
-
submitするとなぜか2度実行する
-
onClick="this.form.submit
-
ボタン2回押しを無効にしたい
-
ボタンを押すとチェックボック...
-
確認ダイアログの出し方(JavaS...
-
submitがおされた同時に JavaSc...
-
shiftキーを押しながらコマンド...
-
ボタン無しでフォーム内容送信
-
confirmのOK・キャンセルを押し...
-
confirm()で表示したダイアログ...
-
【掲示板の機能】投稿時にサイ...
-
<form action="#">の意味とは?
-
メールフォーム:「必須項目」...
おすすめ情報