1. ホーム
  2. Web制作
  3. HTML/Xhtml

iframeを使用して、ページを更新せずにフォームを送信する

2022-01-10 06:45:42
そこで、この問題を解決するために埋め込みフレームを導入します。原理は、フォームが送信されたとき、送信先を現在のページではなく、現在のページにある埋め込みフレームに設定するというものです。
まず、本文の下に埋め込みフレームを挿入します。
コピーコード
コードは以下の通りです。
<iframe style="width:0; height:0; margin-top:-10px;" name="submitFrame" src="about:blank"></ iframe>

そして、フォームのターゲットをこの埋め込みフレームに、次のように設定します。
コピーコード
コードは以下の通りです。
<form name="testform" method="post" action="apply.cgi" target="submitFrame"> <input type="submit" value="submit"> </form>

これで、必要なターゲットが得られました。