- ベストアンサー
FORMのINPUTタグについて
FORMタグ内のINPUTタグで例えばボタンを作成した場合。 そのボタンを押すと他のURLへリンクするという動作は出来るのでしょうか？ ＣＧＩを使わないで、HTMLのみで出来るのでしょうか。？ よろしくお願いいたします。
- みんなの回答 （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で調べると細かい設定について調べられます。
お礼
ありがとうございました。 無事解決できたような気がします。