締切済み

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

2015/07/09 10:17

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

satisfied999
お礼率34% (214/620)

HTML
回答数1
ありがとう数1

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

みんなの回答

t_ohta
ベストアンサー率38% (5253/13739)

2015/07/09 10:52 回答No.1

buttonタグに type="button" を付けたらどうでしょう。

質問者

お礼 2015/07/11 19:09

ダメでした☆

関連するQ&A

<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のbuttonをアクティブに

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

<html> <head> <title>test</title> </head> <body> <form> <input type="button" value="文字" onclick="document.location = 'http://www';" /> </form> </body> </html> でも <html> <head> <title>test</title> </head> <body> <input type="button" value="文字" onclick="document.location = 'http://www/';" /> </body> </html> でも、問題なく動くのですが、formタグって必要ですか？
＜form＞中の＜button＞タグのvalue値

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

buttonタグの長さが、ばらばらになるので長さを統一したいのですが、 IEだと、width=30% などの記述をすると揃うのですが、 netscape（4.75）だとうまくいきません。例えば、buttonのvalueに「あああ」とするのと「いいいいい」とする２つのボタンがあったとします。何も指定しなければ、長さはばらばらになります。そこでwidth="30%"と指定をしてみたのですが、IEでしかききませんでした。空白文字を間に入れると言うことは、したくないので、困っています。何か、良い案があればご教示いただけるとありがたいです。よろしくお願いします。
inputタグはformタグで必ず囲む必要がありますか？

<input type="text">や< input type="button">などのinputタグは、入力欄に入力されたデータを他のファイルに送らずに同ファイル内で処理する場合も、必ず<form></form>で囲む必要があるのでしょうか？例えば、<input type="text" id=”background_color”>に色（例：赤、青等）を入力し< input type="button" value=”変更” onClick=”change_background()”>ボタンを押すと、バックグラウンドの色が入力された色に変わるようなコードを書くとします。Javascript（change_background()）の内容は同ファイルの<header></header>内に記述しますが、ここでは関係ないので割愛します。この場合、 <body> <input type="text" id=”background_color”> < input type="button" value=”変更” onClick=”change_background()”> </body> で良いのでしょうか? それとも <body> <form> <input type="text" id=”background_color”> < input type="button" value=”変更” onClick=”change_background()”> </form> </body> とする必要が、ありますか？よろしくお願いします。
Form

<Form><Input type="button" value="更新する" onClick="javascript:history.go(0)"></Form> たとえば、「★ポタン」を作る場合、↑こんな感じになりますが、この<Form></Form>の部分がなくても、表示されますし、動作もしますが、 ■<Form></Form>の部分は、「あってもなくても」いいんでしょうか? また、書かない場合、不具合が生じるんでしょうか? よろしく願いいたします。
formタグのaction属性

お世話になります。holmonと申します。先日、とほほ様のJavaScriptリファレンスで調べものをしている最中、わからない箇所が1点ありましたので、質問させていただくことにしました。下記formタグにおいて、action要素の#が何を意味しているかがわかりません。 <form action="#"> <input type="button" value="Click Me!!" onclick="window.alert('Hello!!')"> </form> おそらくactionによる送信先の指定を自分（もしくは送信先設定を無効）にしているのかと思いますが、詳しい方、居られましたらご教授いただきたいと思います。 ※w3c勧告の○○ら辺見ればわかるよ的なことも教えていただけると助かります＾＾； URLは下記です。（イベントハンドラの項） http://www.tohoho-web.com/js/write.htm
画像ファイルを使ってお気に入りに追加するタグ

ボタンを使ってお気に入りに追加するタグは分るんですが <FORM> <INPUT TYPE="button" VALUE="お気に入りに追加" ONCLICK="window.external.AddFavorite('http://●●y.jp/','●●●●●')"> </FORM> これをボタンではなく、画像をクリックしてお気に入りに追加できるようなタグがあれば教えていただけるとありがたいです。またURLが指定できるようであれば指定したいです。ご教授のほどよろしくお願いいたします。
一つのページで二つのFormを別々に使いたい

<body> <form name="fm1"> <input type="hidden" value="1" id="page"> <input type="button" value="送信する" onClick="execute()"> </form> <form name="fm2"> <input type="hidden" value="2" id="page"> <input type="button" value="送信する" onClick="execute()"> </form> <div id="container">content</div> </body> </html> 上記のように同じ関数execute()を実行するのですが、受け渡す値がvalue="1" と value="2"と別々になっています。素人考えではフォームfm1とfm2とは別々の値(1or2)を渡すと思ったのですが、どちらのボタンを押してもvalue="1"の結果となります。二つのフォームを別々に動作させるにはどのようにすればよいでしょうか。
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>タグに２つのボタン

<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> 宜しくお願いします。
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 では違う動きを見せます何か気づく点がありましたらアドバイス宜しくお願いします。
<form>タグについて

宜しくお願い致します。店舗検索などで店舗名検索、地域検索、営業時間検索という形で3種のFORMがあります。それぞれ単独での検索が可能なのですが、これを複合した形で検索させる良い方法が思いつきません。<form>タグ内にさらに<form>タグを挿入する事は出来なかったので、どうすればよいか悩んでおります。アドバイス頂けますと大変助かります。何卒、宜しくお願いします。
HTMLのFORMタグについて至急教えてください

FORMタグでMailto:を使っているのですが、ＯＳ環境によっては正しく動作しないとのこと。確認したらＶＩＳＴＡでは正しく動きません。方法はありますか？
2つのFormタグの動作について

同じページに2つのFormタグを設置したいと考えています。ページが長いため、上部と下部それぞれにFormタグを設置したいと考えています。 <form name="upForm" action="xxx.cgi"　method="post"> <input type="text" name="name1"> <input type="submit" value="送信"> </form> --------------- 他の処理 --------------- --------------- 他の処理 --------------- --------------- 他の処理 --------------- <form name="downForm" action="xxx.cgi"　method="post"> <input type="text" name="name1"> <input type="submit" value="送信"> </form> 下のFormの送信ボタンを押すと、上のFormが動作しているようで、下のFormの入力値が反映されません。それぞれのFormをそれぞれの送信ボタンで動作させる方法につきまして、ご存知の方がいましたらぜひ教えていただきたいと思います。よろしくお願いいたします。
FORMのINPUTタグについて

FORMタグ内のINPUTタグで例えばボタンを作成した場合。そのボタンを押すと他のURLへリンクするという動作は出来るのでしょうか？ＣＧＩを使わないで、HTMLのみで出来るのでしょうか。？よろしくお願いいたします。
CGI.pmで<button>タグは出力できるのか！？

CGI.pmで<button>タグを出力する方法を教えてください。 button()メソッドだと<input type="button">という別のタグが出力されてしまいます・・・
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の操作

以下のような、元々名前のないformが複数ある場合にボタンイベントで発生した共通のtest()関数内で処理を行う場合、どのフォームか識別できる方法はあるのでしょうか？テスト1、をクリックした場合、テスト1のフォームの操作を行いたいです。 <script ....... function test(???) { document.どのフォームかわからない.action="/index.cgi"; document.どのフォームかわからない.a.value="1"; document.どのフォームかわからない.submit(); } </script> <form> <input type="hidden" name="a" value=""> <input type="button" value="テスト1" onclick="javascript:test(???)"> </form> <form> <input type="hidden" name="a" value=""> <input type="button" value="テスト2" onclick="javascript:test(???)"> </form> <form> <input type="hidden" name="a" value=""> <input type="button" value="テスト3" onclick="javascript:test(???)"> </form>

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

みんなの回答

お礼 2015/07/11 19:09

関連するQ&A

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

formのbuttonをアクティブに

formタグって必要ですか？

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

buttonタグの長さを揃えたい

inputタグはformタグで必ず囲む必要がありますか？

Form

formタグのaction属性

画像ファイルを使ってお気に入りに追加するタグ

一つのページで二つのFormを別々に使いたい

onClick="this.form.submit

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

form button での値渡し

<form>タグについて

HTMLのFORMタグについて至急教えてください

2つのFormタグの動作について

FORMのINPUTタグについて

CGI.pmで<button>タグは出力できるのか！？

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

名無しformの操作

注目のQ&A

カテゴリ
一覧

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

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

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

みんなの回答

お礼 2015/07/11 19:09

関連するQ&A

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

formのbuttonをアクティブに

formタグって必要ですか？

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

buttonタグの長さを揃えたい

inputタグはformタグで必ず囲む必要がありますか？

Form

formタグのaction属性

画像ファイルを使ってお気に入りに追加するタグ

一つのページで二つのFormを別々に使いたい

onClick="this.form.submit

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

form button での値渡し

<form>タグについて

HTMLのFORMタグについて至急教えてください

2つのFormタグの動作について

FORMのINPUTタグについて

CGI.pmで<button>タグは出力できるのか！？

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

名無しformの操作

注目のQ&A

カテゴリ 一覧

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

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

カテゴリ
一覧

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