コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 共有フォームの送信後にページがジャンプせずに更新される方法についての詳細なグラフィックとテキストの説明。

共有フォームの送信後にページがジャンプせずに更新される方法についての詳細なグラフィックとテキストの説明。

零下一度
リリース： 2017-06-27 14:47:56
オリジナル
3350 人が閲覧しました

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ":www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Form提交表单页面不跳转</title> 
</head> 
<body> 
<form action="" id="" method="post" target="id_iframe"> 
<input type="text" id="input_text" name="input_text"/> 
<input type="submit" id="sobmit" name="submit" value="提交" /> 
</form> 
<iframe id="id_iframe" name="id_iframe" style="display:none;"></iframe> 
</body> 
</html>
ログイン後にコピー

実行結果
(1) 「451」と入力して「送信」をクリック

共有フォームの送信後にページがジャンプせずに更新される方法についての詳細なグラフィックとテキストの説明。

(2) 「45464646」と入力して「送信」をクリック

共有フォームの送信後にページがジャンプせずに更新される方法についての詳細なグラフィックとテキストの説明。

ページ送信はジャンプせずに更新されます


以上が共有フォームの送信後にページがジャンプせずに更新される方法についての詳細なグラフィックとテキストの説明。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
form リフレッシュする 提出する 形状 ページ
ソース：php.cn
前の記事：HTMLのインライン要素とブロックレベル要素のまとめ 次の記事：Web ナビゲーション メニュー設計の 10 の原則
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Ajax と PHP を使用して CodeIgniter に複数の画像ファイルをアップロードする 複数の画像ファイルをサーバー側にアップロードするのに問題があります。誰かがコードのどこが間違っているのかを指摘してくれると助かります。最初は HTML コードがあります: <...
から 2024-04-03 22:35:03
0
1
318
PHP フォームに送信ボタンが正しく掲載されない 申請フォームを作成しているのですが、フォームが機能しません。送信ボタンをクリックしても、変数を送信するための if ステートメントは実行されません。私のフォームタグは次のようになり...
から 2024-04-03 12:46:54
0
1
379
ブートストラップを使用した無線要素の分離: ステップバイステップ ガイド 何千もの方法を試しましたが、これに適したスタイルやスペースを見つけることができません。ブートストラップを使用する必要があります。このように見えるようにする必要がありますが、私のコー...
から 2024-04-03 09:41:55
0
1
401
onSubmit を使用して React から Node js にデータを送信する React スクリプトには onSubmit があり、送信ボタンをクリックすると呼び出されます。 consthandleSubmit=(event)=>{event.prev...
から 2024-04-02 16:36:07
0
1
268
ページが必要なサイズより大きい問題; React.js 現在のページは次のようになります。 ご覧のとおり、上部には多くの空白があります。この空白を消す方法がわかりません。これは HTML です: <divclassName=&qu...
から 2024-04-02 14:48:30
0
1
283
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート