• ベストアンサー

Form

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

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

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

><Form></Form>を付けると、「一行」占領?されてしまい formはブロック要素ですからね・・・ >「文章」の前後など、「同じ行」でボタンが表示できません。 文書自体をformに入れるという考え方もできます。 <form> <p>文書・・・・<input type="button">・・・・・</p> </form> またformをcssでinlineとして読み直すとか <form style="display:inline;">・・・</form> まぁ違和感があるようならダイレクトにボタンをおいても 誰もこまらないと思います

sakura5678
質問者

お礼

そうですか。 とりあえず、当面は、 ダイレクトにボタンをおいても誰もこまらないと思います。。。 でやっておきます。^^ 参考になりました。どうもありがとうございました。

その他の回答 (1)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

依存関係から考えればぜひ書いた方がよいでしょう ただ、javascriptのトリガーとしてつかうだけなら正直 どちらでもいいような気がします。 ちなみにhistory.go(0)はブラウザ依存ですので必ずしも 更新されません。 それを前提とした組み方をすると痛い目にあうと思います。

sakura5678
質問者

お礼

すみません。書き忘れました。 「更新」は、一例でして、 「リンク」に移動するなど、その他の使い方にも使ってます。 よろしくお願いいたします。IE6です。

sakura5678
質問者

補足

こんにちは。^^ 参考になります。 ところで、<Form></Form>を付けると、「一行」占領?されてしまい 「文章」の前後など、「同じ行」でボタンが表示できません。 ですが、<Form></Form>をはずすと、「文章」と「同じ行」にポタンを表示できましたので、そういう使い方をしています。 ということで、仮に、<Form></Form>を付けた記述で、 「文章」と同じ行にボタンを表示する方法ってあるのでしょうか? おわかりでしたら、教えていただけるありがたいのですが。。。 よろしくお願いいたします。

関連するQ&A

  • リンク先へ移動する

    <Input type="button" value="更新" onClick="javascript:history.go(0)"> ↑「ポタン」を押すと、「更新」させる方法を知りました。^^ それで、 「ポタン」を押すと、「リンク先へ、ページ移動(ジャンプ)」させるには、どうしたらいいのでしょうか? よろしくお願いいたします。

  • 名無し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ボタン

    このフォーム変なのですか? 見た目は、[年月] [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>

    • ベストアンサー
    • HTML
  • JavaScriptが表示されません

    JavaScriptの練習をしています。 階層型メニューの表示ができるようになりたいのですが、今のところは基礎からと思い、単純なところから初めて・・・みようとしたのですが どしょっぱつから、ひっかかりました ◆例1 <script language="JavaScript"> <!-- document.write(こんにちは); //--> </script> ◇結果 IE画面上に、なにも表示されません ※以前、全く同じ構文で試したときには こんにちは が表示されました。 ※環境は同じで、変わっていません ◆例2 <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を別々に使いたい

    <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"の結果となります。 二つのフォームを別々に動作させるにはどのようにすればよいでしょうか。

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

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

  • 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
  • submitした後にiframeのページを戻す

    フォームからデータを送った後に前にページに戻したいのですが、何方かご教授して頂けないでしょうか? <FORM method="POST" action="http://www.xxx/get.cgi" target="iframe_2"><INPUT type="button" value="送信" onclick="submit();javascript:parent.iframe2.history.go(-1);"></FORM>

  • ボタン?

    <form> <input type="button" value="<---戻る"onclick="history.back()"> </form> 「<---戻る」 の色を変える方法はないのですか?

    • ベストアンサー
    • CSS
  • フォーム入力の制限について

    ショッピングカート構築してます。 数量入力に関して下記の方法で数量変更させたのですが、数量を減らす時に0以下はマイナスにカウントされます。0以下はマイナスを押しても表示されなくするにはどうすればよいでしょうか?ちなみに、+-表示部分に画像を使い場合も教えていただけたらと思います。 <form> <input type="text" name="mnt" value="1" size="2" maxlength="2"><input type=button value="+" onClick="javascript:this.form.mnt.value++;"> <input type=button value="-" onClick="javascript:this.form.mnt.value--;"> </form>

専門家に質問してみよう