ベストアンサー

formのbuttonをアクティブに

2006/09/06 19:06

<form>タグの<submit>ってテキストボックス等がアクティブになると、自動的にsubmitもアクティブになりますが、同じようにbuttonもアクティブにしたいのですが、どうやったらいいでしょうか？

sattakah_goo
お礼率24% (28/113)

JavaScript
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

t140
ベストアンサー率39% (59/150)

2006/09/07 11:02 回答No.2

buttonではなくsubmitで書いて、onSubmitイベント時に buttonでやらせたい処理を書いてはどうでしょうか？ <form onSubmit="return buttonEvent()">

その他の回答 (1)

VCAT
ベストアンサー率20% (16/79)

2006/09/06 19:53 回答No.1

ボタンにID振って、イベント起動時にオブジェクトをfucus()にすればいいのではないですか？

関連するQ&A

＜form＞中の＜button＞タグのvalue値

いつもお世話になっています。以下のformでボタンを押してポストした時、受信側でvalueの値が取得できず、ボタン名が取得されます。＜form method="post" action="送信URL"＞　　＜button type="submit" name="hoge" value="ボタンの値"＞ボタン名＜/button＞＜/form＞正しくvalueを取得する方法をご教示ください。よろしくお願いします。
form内にbuttonタグを入れると、再読み込み

form内にbuttonタグを入れると、再読み込みが発生してしまいます。結果、onclickで指定した動作の邪魔をしてしまって困ってます。再読み込みをさせない方法は無いでしょうか？よろしくお願いします。
form button での値渡し

PHPかHTML どっちに質問するか迷いましたがこちらにしました。宜しくお願いします。質問の内容は InternetExplorer 6.0 SP1(IE) と Firefox 1.0 で動作の異なる所があるので困っています。私のミスなのか仕様なのかが知りたいです。問題のソースです。 <form action="hoge" method="post"> <button type="submit" name="name" value="Satou">Satou</button> <button type="submit" name="name" value="Katou">Katou</button> </form> をPHPで値を貰った結果 Firefoxの場合 Satou が押された時 name の内容は Satou Katou が押された時 name の内容は Katou IEの場合 Satou が押された時 name の内容は Katou Katou が押された時 name の内容は Katou 私の期待している挙動は Firefox の方なんですが IE では違う動きを見せます何か気づく点がありましたらアドバイス宜しくお願いします。
submitではなくbuttonで送信

事情があり、submitではなくbuttonでフォームのデータを送信したいのですが、以下のように書くとbuttonでは4567が送信されません。 <form action="test.cgi" method="post"> <INPUT type="hidden" name="aaa" value="1234"> <INPUT type="submit" name="bbb" value="4567"> </form> ↓ <form action="test.cgi" method="post"> <INPUT type="hidden" name="aaa" value="1234"> <INPUT type="button" name="bbb" value="4567" onclick="submit();" > </form> submitと同じように、bbbのデータ4567も送信するにはどのように書けばよいのでしょうか？宜しくお願いします。
<form>タグに２つのボタン

<form>タグで２つのボタンを表示させ、以下のようにそれぞれのボタンでフィールドに別の値を入れて送信させることはできますでしょうか？できればHTMLで、できなければJavaScriptでできますでしょうか？・button1を押したときは　フィールド「CASE」に1を入れて送信、　HTMLで書くと、<input type="hideen" name="CASE" value="1"> ・button2を押したときは　フィールド「CASE」に2を入れて送信、　HTMLで書くと、<input type="hideen" name="CASE" value="2"> ===== HTML ====================== <form action="test.cgi" method="post"> <input type="text" name="text1"> <input type="submit" value="button1"> <input type="submit" value="button2"> </form> 宜しくお願いします。
オブジェクト（buttonなど）の作成について

神経衰弱のゲームを作りたいのですが，テキストボックスで具体的な数を与えて（例10×15）ゲームを作るためにbuttonを自動的に大量に作るシステムを作りたいと思っています．その様なことはできるのでしょうか？（たとえば(x,y)=(50,50),size(100,30)のbutton1を作るSUBを作りたいということです）どうかよろしくお願いします．
JavaScriptからFORMを生成できるのでしょうか？

素朴な疑問かもしれませんが、 HTML側にFORMタグを置かずに、JavaScriptのみでsubmitを行う方法がありますでしょうか？ methodやactionはてはnameまでプロパティ指定できてsubmitの対象をスクリプト内で制御する事例はあるのですがFORMそれ自身を生成（？）する事例を見たことがありません。セキュリティうんぬんの問題ならもっと危険な関数が昔からあっていろいろな事例がありますので、禁じ手になっているとはどうしても思えません。なぜ、こんな疑問を持ったかというとJSファイル使ってをHTMLとの分離を考えた場合、常に空のFORMタグをHTML側で用意しなければならないとしたら分離の意味がないような気がして・・・。しかもテキストボックスなどフォームのエレメントはDOM（ID=）を利用すればFORMタグに囲まれていなくても参照できますし・・・。さらにdocument.forms.lengthでフォーム数までわかるのにそれを追加する事例がまったく見あたりません。 childNodeとかではなく、シンプルな手法の解かる方がおられましたらヒントなりを教えてください。よくご存知の方で、方法が無いということならその理由とか教えていただけると幸いに思います。
formでPOSTするのと同じ動作をボタンとjavascriptで実現したいのですが

<form name="myFORM" method="POST" action="xxx.php"> <input type="text" name="NAME"> <input type="submit" value="送信"> </form> 上記と同じ動作を <button onclick="fpost('tanaka','POST','xxx.php')">送信</button> とjavascriptで実現したいのですが可能でしょうか？可能でしたらどのようなスクリプトになりますでしょうか？ document.myFORM.submit();とかではなく、formタグを全く使わずPOSTしページ遷移したいのですが。 XMLHttpRequestとlocation.replace()とかでできるのでしょうか？？すみませんがよろしくお願い致します。
JSP「multipart/form-data」

enctype= "multipart/form-data"をでsubmitしたテキスト・チェックボックス・ラジオボタンデータは、 request.getParameterでの取得はできません。 "multipart/form-data"を指定してかつテキストデータ等を取得する方法はありませんか。ソースの追加のみで行いたいです。
onClick="this.form.submit

・下記のようなformがあるのですが、 onClick="this.form.submit();" disabledの意味を教えてください・クリックしたら、このフォーム内容を送信？・アクション先も指定していないのに、処理はどこへいくのでしょうか？・また、disabledは？ずっと押せない？ <form name="hoge" method="POST"> <input name="hoge" type="button" class="button" value="piyo" onClick="this.form.submit();" disabled> </form>
<form>タグ内の再読み込みに関して

以下のようなhtmlファイルがあったとします。 ※<body>タグ内以外は省略 ------------------------------------------------- <body onload="bodyload()"> <form> <input id="id_button1" type="image" value="button" name="n_button1" onclick="click();"> </form> </body> ------------------------------------------------- 呼び出されるjavascriptを以下の通りとします ------------------------------------------------- function bodyload() { document.getElementById('id_button1').src = '/images/base.png' } function click() { document.getElementById('id_button1').src = '/images/1.png' } ------------------------------------------------- id_button1のクリックによって、click()が動作し画像が「/images/1.png」に変更されるのですが、一瞬で「/images/base.png」に戻ってしまいます。色々試したところhtmlファイルの<form>タグを消してやれば「/images/base.png」に戻ることなく画像を変更することが可能であることに気づきました。どうやらformタグがあると再読み込みが行われているようです。 formタグがあると何故このような動きをするのでしょうか？　formタグ内でも再読み込みの有無を制御することはできないのでしょうか？お分かりになる方がいらっしゃればご教授いただければと思います。 javascriptというよりhtmlの内容かもしれませんがよろしくお願いいたします。なお、実行環境はWindows8Pro、VisualStudio2012、Windowsストアアプリ開発プロジェクト内のデバッグです。
FORMタグ内に複数submitボタンがある場合の問題

お世話になります。質問タイトルがあまり適切でなくすみません。HTMLに関する質問です。 FORMタグ内に複数のsubmitボタンを配置し、FORM内のテキストボックスへフォーカスを充てた場合、Enterキーを押下すると上にあるボタンが反応してしまいます。下のボタンを反応させたいのですが、JavaScriptを使わず下のボタンを指定する方法はあるのでしょうか。ご存知の方いらっしゃいましたら、よろしくお願いします。 ■参考ソース <FORM id="form" action="ジャンプ先URL"　> <INPUT type="text" /> <br /> <INPUT type="submit" value="ボタン１" /> <br /> <INPUT type="submit" value="ボタン２" /> </FORM>
【ASP.NET】　Buttonコントロールについて

お世話になります。ASP.NETのButtonコントロールに関する質問です。 Visual Studio 2008でASP.NETの開発を行っているのですが、左のツールボックスにButtonコントロールが２つ存在します。 1. 標準コントロールのButtonコントロール 2. HTMLコントロールのButtonコントロール上記いずれも最終的にHTMLの<Button>タグにレンダリングされると思うのですが、何が違うのでしょうか？使い分け方について教えてください。
異なるformで同一のnameは使用できる？？

１つのHTML内で使用する form～/form が２回あるとします。（formA, formBがあるとします）この場合に、formAで使用した name の名前をもう片方のformBで使用しても問題はありませんか？ name="aa"のテキストboxと、value="表示"のSUBMITボタンを持つ form が２個あり、かつどちらのボタンを押しても同じCGIを呼び出す場合、 B側のボタンを押すときにCGI側で受け取る aaの値は、 B側のテキストboxに入力した値になるのでしょうか？？質問内容がわかりにくいかとは、思いますが、よろしくお願いします。
<FORM>について

FORMタグを使って、メールを受信しようとしているのですが、「SUBMIT」を実行してもFORMの内容が反映されません。宛先はちゃんとなっているのですが、これでは単にMAILTOを指定したのと変わりありません。社内で使うつもりなのです。Outlookを使用しています。テストとして以下の通り作ってみたのですが･･･。よろしくお願いします。 <html> <head> <title>test</title> </head> <body> <FORM action="mailto:**********" METHOD="POST"> <textarea rows=5 cols=40 name=tips>書いてね</textarea> <input type="submit" NAME="tips" value="送るよ！"> </FORM> </body> </html>
C#　form

Button _Button = (Button)sender; int but = 0; if (_Button.Name == "button1") { but = 1; } if (_Button.Name == "button2") { but = 2; } if (_Button.Name == "button3") { but = 3; } 　　　　　//Form2クラスのインスタンスを作成する Form2 f2 = new Form2(this); //Form2を表示する //ここではモーダルダイアログボックスとして表示する ////オーナーウィンドウにthisを指定する //f.ShowDialog(this); //フォームが必要なくなったところで、Disposeを呼び出す f2.Show(); 上記のようにボタン配列を作成し，クリックイベントを発生させています．そこで押されたボタンにより butに所定の値を入れてこれを，form2において判断値として使用したいのですが，どのようにすれば良いでしょうか？昨日から悩んでいるのですが自分だけでは解らないのでご教示願いたいと思います．
formのtextareaについて

いつもお世話になってます。 formでテキストエリアを作成しました。テキストエリアに入力された文字列を、submitを押すことによって、同ページに反映させたいのですがどのようにしたらいいのでしょうか？当方、プログラミング初心者のため、できるだけわかりやすく教えて頂けると助かります。以下、現在書いたテキストエリアです。 <form method="POST" action="sousinsaki.html"> <div> <textarea name="MSG" cols=40 rows=4> </textarea> </div> <input type=submit value="送信"> </form>
macIE5.0でbuttonの値を受け取るには？

macIE5.0日本語版で以下のようにボタンを配置しているのですが、その値を受け取ることができないでいます。試行錯誤してみましたが解決できません。アドバイスいただけますと助かります。宜しくお願い致します。 <html> <body> <?php print_r($_POST['a']);?> ↑変数の内容を出力しようとしても空で何も表示されません。 macIE5.0以外のブラウザ（WIN版IE、Firefox）はOKでした。safari、Operaは未検証です。 <form action="a.php" method="post"> <button type="submit" name="a" value="送信" onClick="submit();"><img src="img/submit.gif" border="0" alt="送信"></button> </form> </body> </html>
HTML の BUTTON タグの VALUE で指定した値を取得できません

BUTTON タグは、NAME で変数名、VALUE でその値を指定してプログラムから参照できることになっていますね。「value属性を使用すると、ボタンがクリックされたときに、<form>タグのaction属性で指定されたプログラムに渡す値を指定することができます。 <input>でボタンを定義する際のvalue属性は、ボタンに表示されるラベルを変更するものでしたが、<button>タグのvalue属性は、ラジオボタンやチェックボックスのvalue属性と同様、プログラムが参照する値を指定するものですので、間違わないように気をつけてください。」引用元：http://w-d-l.net/html__tags__body__form__button/ これを参考に、HTML で次のように書きました。 <button type="submit" name = "Number" value="1" style="..."><div style="...">表示内容</div></button> それを PHP プログラムで参照して出力しました。 print $_POST["Number"]; インターネットエクスプローラー（バージョン６ＳＰ３）では、<div>～</div>が表示されてしまいます。 Firefox では値（1）が表示されています。（これが正しい振る舞いと思います。）ブラウザにより振る舞いが異なっているので、とても困っています。これは、インターネットエクスプローラー特有の症状でしょうか？また、回避策があればぜひ教えてください。
Form送信ボタンのダブルクリック防止処理で不思議な現象

Perl(CGI)でHTMLタグを書いてフォームを作っています。送信(submit)ボタンをダブルクリックする人が多く、それを防止するために色々探していたら <input type="button" value="送信" onClick="this.disabled=true; this.value='送信中'; this.form.submit();"> とすればよいとあったので早速 onClickを付け加え typeのところをsubmitからbuttonに変更しました。そうするとうまくいったのですが、別のページを同じようにすると動きません。よく見るとうまくいったものにはnameが入っており、実際には <input type="submit" name="button" value="送信" onClick="this.disabled=true; this.value='送信中'; this.form.submit();"> となっていました。つまり、typeをsubmitからbuttonに変更したつもりだったのですが、間違えてtypeはそのままsubmitで、nameをbuttonに変えてしまっていたのです。ネットで書いてあったとおりのことをしたつもりが変える箇所を間違え、結果として正常に稼働しています。自分の環境ではこれでうまく動いているのですが、普通に考えるとnameを変えたからといってきちんと動くとは到底思えません。なぜこのようなことになるのでしょうか。これでいいのでしょうか。今思いましたが、ひょっとしてnameを元々変える必要はなく、typeはあくまでsubmit、 onClick="this.disabled=true; this.value='送信中'; this.form.submit();" これを付け加えさえすればいいということなのでしょうか。このような処理方法をしているサイトが他に見あたらなかったので、これでいいのかどうか分からず困っています。どなたかアドバイスください。よろしくお願いします。なお、自分のPCはWin2000pro IE6.0SP1で、CGI稼働環境はレンタルサーバーのため詳細非公表で分からないのですが比較的メジャーな会社なのでLinux系だと思います。

formのbuttonをアクティブに

質問者が選んだベストアンサー

その他の回答 (1)

関連するQ&A

＜form＞中の＜button＞タグのvalue値

form内にbuttonタグを入れると、再読み込み

form button での値渡し

submitではなくbuttonで送信

<form>タグに２つのボタン

オブジェクト（buttonなど）の作成について

JavaScriptからFORMを生成できるのでしょうか？

formでPOSTするのと同じ動作をボタンとjavascriptで実現したいのですが

JSP「multipart/form-data」

onClick="this.form.submit

<form>タグ内の再読み込みに関して

FORMタグ内に複数submitボタンがある場合の問題

【ASP.NET】　Buttonコントロールについて

異なるformで同一のnameは使用できる？？

<FORM>について

C#　form

formのtextareaについて

macIE5.0でbuttonの値を受け取るには？

HTML の BUTTON タグの VALUE で指定した値を取得できません

Form送信ボタンのダブルクリック防止処理で不思議な現象

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

formのbuttonをアクティブに

質問者が選んだベストアンサー

その他の回答 (1)

関連するQ&A

＜form＞中の＜button＞タグのvalue値

form内にbuttonタグを入れると、再読み込み

form button での値渡し

submitではなくbuttonで送信

<form>タグに２つのボタン

オブジェクト（buttonなど）の作成について

JavaScriptからFORMを生成できるのでしょうか？

formでPOSTするのと同じ動作をボタンとjavascriptで実現したいのですが

JSP「multipart/form-data」

onClick="this.form.submit

<form>タグ内の再読み込みに関して

FORMタグ内に複数submitボタンがある場合の問題

【ASP.NET】 Buttonコントロールについて

異なるformで同一のnameは使用できる？？

<FORM>について

C# form

formのtextareaについて

macIE5.0でbuttonの値を受け取るには？

HTML の BUTTON タグの VALUE で指定した値を取得できません

Form送信ボタンのダブルクリック防止処理で不思議な現象

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

【ASP.NET】　Buttonコントロールについて

C#　form

カテゴリ
一覧

専門家に質問してみよう
専門家登録