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>
これで、必要なターゲットが得られました。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン