ベストアンサー

formボタンにAction属性を入れる

2012/04/03 18:22

formボタンにAction属性を入れるにはどうすればよろしいでしょうか(更新ボタン) <form> <input type=button value=" 　更新　 " onclick="location.reload()"> </form>

takuya12421242
お礼率96% (494/514)

その他（インターネット・Webサービス）
回答数1
ありがとう数1

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

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

ベストアンサー

kanamekana
ベストアンサー率44% (16/36)

2012/04/03 18:32 回答No.1

どういう動きをさせたいのかがわかりません。 <form>タグにアクション属性をつけるのでは駄目なのですか？

質問者

お礼 2012/04/03 18:56

解決できました。回答有難うごじました

関連するQ&A

ＨＰボタンの長さが異なる。

下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だとちゃんと奇麗に中央に表示されますが、 Windows「IE4.5」「IE5.0」はボタンの長さが異なりガタガタになります。 windowsでも奇麗に並べるにはどうしたらいいのでしょうか？よろしくご指導お願いいたします。テストでアップしてあるＵＲＬですのでご確認してください。 http://watn.jp/test/ <HTML> <HEAD> <TITLE>++++</TITLE> </HEAD>  <center> 下のボタンがマックの「IE4.5」「IE5.0」「ネスケ4.7」だと<br> ちゃんと中央に表示されますが、Windows「IE4.5」「IE5.0」は<br> ボタンの長さが異なりガタガタになります。 <FORM> <INPUT TYPE="button" VALUE="　●●・・◇◇◇　　　" onClick="window.location.href='kituke.html'"><br> <INPUT TYPE="button" VALUE="　　　・・◇◇◇◇　　" onClick="window.location.href='sadou.html'"><br> <INPUT TYPE="button" VALUE="　　　・・◇◇◇◇◇　" onClick="window.location.href='buyou.html'"><br> <INPUT TYPE="button" VALUE="　●●・・◇◇◇　　　" onClick="window.location.href='ivent.html'"><br> <INPUT TYPE="button" VALUE="　　　・・◇◇◇◇　　" onClick="window.location.href='tenjikai.html'"><br> <INPUT TYPE="button" VALUE="　◇◇◇　　　　　　　" onClick="window.location.href='butai.html'"><br> <INPUT TYPE="button" VALUE="　◇◇◇◇　　　　　　" onClick="window.location.href='honten.html'"><br> <INPUT TYPE="button" VALUE="　◇◇◇◇◇　　　　　" onClick="window.location.href='yono.html'"><br> </FORM> </center> </BODY> </HTML>
FORMボタン

このフォーム変なのですか？見た目は、[年月] [GO] となっていて、 [年月]のセレクトで選んで、 [GO]ボタンを押せばそのページに飛ぶのだと思いますが、 [GO]を押さなくてもセレクトを選んだだけで動作します。この[GO]のボタンの意味あるんでしょうか？それとも何か間違っていますか？　正しい記述方法があれば教えてください。 <form> <select name="u" onchange="JavaScript:location.href=this.value;return false;"> <option value="http://～～/2009-05-1.html">2009/05</option> <option value="http://～～/2009-04-1.html">2009/04</option> </select> <input type="button" value="GO" onclick="JavaScript: location.href=this.form.u.value; return false;" /> </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タグって必要ですか？

<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の「action」属性を取得したいけれども「action」という名のオブジェクトが存在している

非常に困っています！よろしくお願いいたします。以下のように「action」という名前のオブジェクトがあります。 <form name="form1" method="post" action="hoge.htm"> <input type="hidden" name="action" value="test"> <input type="submit" name="submit" value="OK"> </form> javascriptでaction属性「hoge.htm」を取得したいのです。そのため以下のようにコーディングしました。 alert(document.form1.action); 結果は「object」と表示されます。どうやらactionオブジェクトを対象としてしまうらしいのです。 action属性を取得する方法をお教えいただけないでしょうか。よろしくお願いいたします。
リンクボタン

ボタンを押してリンク先に飛ぶようにするには <form><input type="button" value="homeへ" onClick="location.href='home.html'"></form> とすれば可能ですがこれをJavaScriptを使わずに出来る方法はないものでしょうか？どうしても画像など使わずにボタンで実現させたいのですが。
formの中で別のactionをもったsubmitボタンの設置。

formの中で別のactionをもったsubmitボタンの設置。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP"> <title>sample</title> <script language="JavaScript" type="text/javascript">  </script> </head> <body class="index"> <form enctype="multipart/form-data"> <input type="check" name="test[]" value="0">0 <input type="check" name="test[]" value="1">1 <input type="check" name="test[]" value="2">2 <input type="button" onClick="func2(this.form)" value="確認B"> <input type="button" onClick="func1(this.form)" value="確認A"> </form>  <form method="post" name="form1" action="sousin.php" enctype="multipart/form-data"> <input type="hidden" name="check[]"> </form>  <form method="post" name="form2" action="text.php" enctype="multipart/form-data"> <input type="hidden" name="check[]"> </form> </body> </html> 上記のように記述し、フォームの中に別のactionをもったsubmitボタンを設置しました。チェックボックスで何と何がチェックされたかを渡したいのですが、エラーが発生します。おそらくjavascript内の構文でcheck[]と記述してるからだと思いますが、どのようにすれば受け渡すことができるのでしょうか。 checkのみにすると1つの値しか渡せません。
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
複数ボタンのvalueを送れない

ひとつのフォームで複数のボタンを使う方法を探していたら次のような方法があるとのことでした。 <form method="post" name="MyForm"> <INPUT TYPE="BUTTON" VALUE="aaa" onClick="MyForm.action='hoge.cgi';MyForm.submit();"> <INPUT TYPE="BUTTON" VALUE="bbb" onClick="MyForm.action='hoge.cgi';MyForm.submit();"> </form> これで、ボタンによってVALUEを渡せるのかと思いきや、飛んでいきませんでした・・・複数ボタンを用意して、ボタンによってその VALUE値を渡す方法がありませんでしょうか？
javascriptでinput属性の入力

複数のボタンがあります。それぞれのボタンによって、value値を変えたいと考えています。通常であれば <button class='button' type='submit' name='volume' value='350'>350購入</button> <button class='button' type='submit' name='volume' value='450'>450購入</button> という形を利用しますが、理由があり、 type='submit' を使用できません。そこで、 <input id="button350" type="button" value="350購入" /> <input id="button450" type="button" value="450購入" /> というsubmit属性の無いボタンを使用しながら、「javascriptを使いname value を抽出しsubmitまで持っていく」ことを考えています。そこで、下記のようなものを2種類(350と450は別の記載方法でテスト)作ってみましたが、いずれもsubmitは出来ますが、value値を渡すことが出来ません。どのように書けば、name属性にvalue値を渡すことが可能でしょうか? <form action="abc.php" method="post" name="form2" id="form2"> <script> $(function(){ $('#button350').click(function() { $('input[type=\'submit\']'); $('input[name=\'volume\']'); $('input[value=\'350\']'); $('#form2').submit(); }); $('#button450').click(function() { $('input[type=\'submit\'],[name=\'d4_buy_stock_volume2\'],[value=\'450\']'); $('#form2').submit(); }); }); </script> <BR> <BR> <input id="button350" type="button" value="350購入" /> <BR> <input id="button450" type="button" value="450購入" /> </form>
formの送信ボタンクリック後、別ウインドウ表示

お世話になります。現在下記の指定でPDFを表示しています。 <INPUT type="submit" name="submit" value="送信" onClick="form.action='tcpdf/pdf.php';return true" class="button_order"> これをクリック後、別ウインドウでPDFを表示したいのですが、 onClick="form.action='tcpdf/pdf.php';return true"の部分を onClick="form.action='tcpdf/pdf_sample.php';target='_blank'"とかにしてもうまくいきせん。ボタンはもう一つあるので、 <INPUT type="submit" name="submit" value="戻る" onClick="form.action='201504_1_2.php';return true" class="button_re-selection"> 出来れば、送信ボタンのみの設定を別ウインドウ表示にしたいです。よろしくお願いいたします。
名無し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 action="login.html" name="Form1" onsubmit="return checkItem(Form1)"> <input type="text" name="userId" size="24"><br> <input type="password" name="password" size="24"><br> <input type="submit" value="ログインする"><br> <input type="button" value="過去のデータを見る" onClick="location.href='history.html'"> </form> ---------------------------------------------------
JavaScriptが表示されません

JavaScriptの練習をしています。階層型メニューの表示ができるようになりたいのですが、今のところは基礎からと思い、単純なところから初めて・・・みようとしたのですがどしょっぱつから、ひっかかりました ◆例１ <script language="JavaScript">  </script> ◇結果ＩＥ画面上に、なにも表示されません ※以前、全く同じ構文で試したときにはこんにちは　が表示されました。 ※環境は同じで、変わっていません ◆例２ <form> <input type="button" value="戻る" onclick="history.back()"> <input type="button" value="更新" onclick="location.reload()"> <input type="button" value="進む" onclick="history.forward()"> <input type="button" value="トップページへ" onclick="location.href='http://www.red.oit-net.jp/tatsuya/index.htm'"> </form> ◇結果これは、表示されました。何回試しても、ちゃんと表示されます +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ いったい何が問題なのでしょうか？
form action ボタンの作り方

form actionでボタンを作っているのですが、 a href リンクではないためか、カーソルを合わせても矢印の表記が変わりません。具体的には以下のようなコードになっています。 <FORM ACTION="#" METHOD="POST"> <INPUT TYPE="HIDDEN" NAME="aid" VALUE=" "> <INPUT TYPE="HIDDEN" NAME="pt" VALUE=" "> <INPUT TYPE="HIDDEN" NAME="iid" VALUE=" "> <center><INPUT style="width: 200px; padding: 15px 15px; font-size: 1.2em; background-color: #2e2e2e; color: #fff; border-style: none; border-radius: 5px; border-bottom: 3px solid #000;" TYPE="submit" NAME="submit" VALUE=" "></center> </FORM> カーソルを合わせたときに矢印表記が変わるようにするためには、どのようにコードを直せばいいでしょうか。
ボタンの長さを変えたい（至急）

<INPUT TYPE=BUTTON VALUE="最新100回グラフ" onClick="location.href='../grf/100.htm'"> <INPUT TYPE=BUTTON VALUE="最新50回グラフ" onClick="location.href='../grf/50.htm'"> このようなボタンの長さを揃えたいです。スペースで調節するしかないのでしょうか？
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()とかでできるのでしょうか？？すみませんがよろしくお願い致します。
ボタンで、リンクを、別ウィンドウで開く

質問させていただきます。ボタンで、リンクを、別ウィンドウで開くにはどういうソースを書いたら良いのでしょうか？ <FORM> <INPUT TYPE="button" VALUE="リンク" onClick="window.location.href='index.html'"> </FORM> だと、同一ウィンドウ内に開いてしまいますし・・・。どうか教えてください。よろしくお願いいたします！
一つのformで、複数のaction指定

レイアウトなどの関係で、formの配置が基本とは異なるものになってしまい、うまく動作させる方法が見つからず困っています。現在は <form> <input type="checkbox" name="select[]" value="●●"> <input type="checkbox" name="select[]" value="●●"> <input type="checkbox" name="select[]" value="●●"> </form> …… <form method="POST" action="A.php"> <input type="submit" name="aa" value="あああ"> </form> <form method="POST" action="B.php"> <input type="submit" name="bb" value="いいい"> </form> <form method="POST" action="C.php"> <input type="submit" name="cc" value="ううう"> </form> <form method="POST" action="D.php"> <input type="submit" name="dd" value="えええ"> </form> のようになっていて、チェックボックスの値を送信したいのは、Dのボタンを押したときだけPOSTされるようにしたい状態です。この値を取得する方法か、もしくは <form method="POST" action="(ボタンに応じたもの)"> <input type="checkbox" name="select[]" value="●●"> <input type="checkbox" name="select[]" value="●●"> <input type="checkbox" name="select[]" value="●●"> …… <input type="submit" name="aa" value="あああ"> <input type="submit" name="bb" value="いいい"> <input type="submit" name="cc" value="ううう"> <input type="submit" name="dd" value="えええ"> </form> このように、一つのフォームの中に埋めてしまい、actionに入る値をボタンによって分ける方法はありませんでしょうか？もしくは他の方法でも構いません。お分かりの方がいましたら、是非ご教授お願いいたします。
1つのformで複数のactionをボタン１つで

質問です。１つのformで複数のactionを１つの送信ボタンで実行したいと思っています。やりたいことは、１つのframeから他の2つのframeにデータを渡すことです。フレームは以下のように3つに分かれています。 <frameset cols="60%, 40%"> <frame name="test1" src="xxxx.php"> <frameset rows="50%, 50%"> <frame name="test2" src="yyyy.php"> <frame name="test3" src="zzzz.php"> </frameset> </frameset> xxxx.php内のデータをyyyy.php, zzzzphpの２つに渡したいです。 <script language="javascript"> function send(){ 　　document.form1.target = "test2"; 　　document.form1.action = "yyyy.php"; 　　document.form1.submit(); 　　document.form1.target = "test3"; 　　document.form1.action = "zzzz.php"; 　　document.form1.submit(); } </script> <form name ="form1" method="POST" action="yyyy.php"> <input type="hidden" name="string" value="string" > <input type="button" value="送信" onClick="send()"> </form> 現在、上記のように試したり、過去の質問【一つのformから複数のactionを実行】url：http://okwave.jp/qa/q4234502.htmlを参考にしていますがうまくいきません。わかる方アドバイスお願い致します。

formボタンにAction属性を入れる

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

お礼 2012/04/03 18:56

関連するQ&A

ＨＰボタンの長さが異なる。

FORMボタン

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

formタグって必要ですか？

Formの「action」属性を取得したいけれども「action」という名のオブジェクトが存在している

リンクボタン

formの中で別のactionをもったsubmitボタンの設置。

formタグのaction属性

複数ボタンのvalueを送れない

javascriptでinput属性の入力

formの送信ボタンクリック後、別ウインドウ表示

名無しformの操作

ボタンでパラメータを渡すには

JavaScriptが表示されません

form action ボタンの作り方

ボタンの長さを変えたい（至急）

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

ボタンで、リンクを、別ウィンドウで開く

一つのformで、複数のaction指定

1つのformで複数のactionをボタン１つで

注目のQ&A

カテゴリ
一覧

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

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

formボタンにAction属性を入れる

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

お礼 2012/04/03 18:56

関連するQ&A

ＨＰボタンの長さが異なる。

FORMボタン

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

formタグって必要ですか？

Formの「action」属性を取得したいけれども「action」という名のオブジェクトが存在している

リンクボタン

formの中で別のactionをもったsubmitボタンの設置。

formタグのaction属性

複数ボタンのvalueを送れない

javascriptでinput属性の入力

formの送信ボタンクリック後、別ウインドウ表示

名無しformの操作

ボタンでパラメータを渡すには

JavaScriptが表示されません

form action ボタンの作り方

ボタンの長さを変えたい（至急）

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

ボタンで、リンクを、別ウィンドウで開く

一つのformで、複数のaction指定

1つのformで複数のactionをボタン１つで

注目のQ&A

カテゴリ 一覧

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

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

カテゴリ
一覧

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