- ベストアンサー
FORMのINPUTタグについて
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 <form> <input type="button" value="とび！" onClick="location.href='http://www.okweb.ne.jp/index.php3'"> </form> …で、『とび！』と書かれたボタンを押すとOK Webのトップへジャンプするボタンが出来ます。 ちなみに、別ウインドウで開くには、 location.href=～を window.open(～) という形に変えれば可能です。 つまり、 <form> <input type="button" value="とび！" onClick="window.open('http://www.okweb.ne.jp/index.php3')"> </form> という感じです。 『とび！』とURL部分を変えてください。 いくつかのリンク先を選ばせる場合は、メニューを作ります。 <form method=POST name="f1"> <select name="s1"> <option value="http://www.okweb.ne.jp/index.php3">OK Web <option value="http://www.okweb.ne.jp/info.php3?view=info">お知らせ <option value="http://www.okweb.ne.jp/search.php3">最新の質問 </select> <input type=button value="とび！" onClick="location.href=document.f1.s1.options[document.f1.s1.selectedIndex].value"> </form> といった感じです。 別ウインドウで開くには、<input type=～を <input type=button value="とび！" onClick="window.open(document.f1.s1.options[document.f1.s1.selectedIndex].value)"> でOKです。 参考URLをご参照ください。
その他の回答 (3)
- overdriver
- ベストアンサー率0% (0/1)
通常のリンク <form action="http://www.goo.ne.jp/"> <input type="submit" value="go!"> </form> 別窓リンク <form action="http://www.goo.ne.jp/" target="_blank"> <input type="submit" value="go!"> </form>
- morix
- ベストアンサー率16% (2/12)
JAVA SCRIPTを使うと出来ます。 <HTML> <BODY> <FORM> <INPUT TYPE="button" VALUE="やっぱりGoo" ONCLICK="javascript:parent.location='http://www.goo.ne.jp'"> </FORM> </BODY> </HTML> こんな感じですか。。。
- KTFM
- ベストアンサー率28% (12/42)
普通にそのURLに移動するだけなら<input type="submit">などとすることで できると思います。formタグのactionで指定したURLに遷移します。 参考URLで調べると細かい設定について調べられます。
関連するQ&A
- 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をそれぞれの送信ボタンで動作させる方法につきまして、ご存知の方がいましたらぜひ教えていただきたいと思います。 よろしくお願いいたします。
- ベストアンサー
- CGI
- <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> 宜しくお願いします。
- ベストアンサー
- HTML
- formタグ
HTMLで、formを使用し、CGIへテキストエリアのデータをpostしたいと 考えております。 テキストエリアを3つ、ボタンを1つ設けるならば 通常以下のようにすると思います。（必要部分の抜粋） <form action="foo1.cgi" method="post" ENCTYPE="multipart/form-data"> <input type="text" name="text1" value="text1" size=50 maxlength=100> <input type="text" name="text2" value="text2" size=50 maxlength=100> <input type="text" name="text3" value="text3" size=50 maxlength=100> <input type="submit" name="aaa" value="実行"> </form> こうすると、実行ボタンをクリックすると、text1、text2、text3のテキストエリアに 記述されているテキストが送信されますが、ここにボタンをもう一つ設け、 上記3つのデータを別のCGIに送信したいのですが、 この場合どのようにHTMLを記述したらよいでしょうか？ 新たに下記のようにformタグを設けると、テキストエリアは6つになってしまいますし。。。 <form action="foo2.cgi" method="post" ENCTYPE="multipart/form-data"> <input type="text" name="text1" value="text1" size=50 maxlength=100> <input type="text" name="text2" value="text2" size=50 maxlength=100> <input type="text" name="text3" value="text3" size=50 maxlength=100> <input type="submit" name="aaa" value="実行２"> </form> どなたか分かる方情報頂けますか。
- ベストアンサー
- HTML
- 【htmlタグ】inputタグの書き方について
現状は <input type="text">のテキスト入力エリアが存在します。 それを<form>タグで囲い、 <input type="button">のボタン押下にてform内容を送信していますが、 ボタンではなく、<a>タグのように、ハイパーリンクのような見た目にしてform内容を送信したいです。 どのように修正すればよろしいのでしょうか。宜しくお願いします。
- ベストアンサー
- HTML
- 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> とする必要が、ありますか？ よろしくお願いします。
- ベストアンサー
- HTML
- <input> タグについて
HTML内で、複数の<input>タグを持つフォームを使ってデータを入力し、それをPHPプログラムに送るものを作っています。 ある<input>タグの入力が終わった後にリターンキーを押すと、まだ他にも入力したいのがあるのに、すぐにPHPプログラムに飛んで行ってしまいますが、これを、submit ボタンを押したときにだけ飛んでいくようにすることは可能でしょうか？ もし可能なら、どのようにするのでしょうか？ 詳しい方どうぞ教えてください。お願いいたします。
- ベストアンサー
- PHP
- 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>
- ベストアンサー
- HTML
- Formタグ内で入力した情報を自動で送信したい
<form action=xxxxx method=post> <select name="yyyyy"> <option value="zzzzz">zzzzz</option> ～中略～ <input type="SUBMIT" value="送信"> という形でformタグ内で入力したデータを送信するHTMLを書いたのですが、 このデータの送信って、SUBMITを使ったボタンで無いとできないのでしょうか？ 特に操作もなく、このHTMLファイルが読み込まれたら、 Formタグ内で入力している値を、actionで指定したURLに 送信したいのですが。 ご教授よろしくお願いします。
- 締切済み
- HTML
- form内のinputタグのみロックする方法
早速ですが質問いたします。 JavaScriptでform内のinputタグのみロックさせたいのですが、そんなことは可能でしょうか？ JavaScriptについて初心者ですので、ご教示のほど、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- <form>タグについて
今、ホームページを作成していて、その中でアンケートを<form>を使って作ったのですが<form method="post" action=" ">のaction=" "の部分にCGIのURLではなくメールアドレスを入力したいのです。どのように書けばよいでしょうか？
- ベストアンサー
- HTML
お礼
ありがとうございました。 無事解決できたような気がします。