ホームページ  >  記事  >  ウェブフロントエンド  >  js は、データを定義して送信するためのフォーム タグの使用を制御します。

js は、データを定義して送信するためのフォーム タグの使用を制御します。

php是最好的语言
php是最好的语言オリジナル
2018-08-03 09:28:011771ブラウズ

フォーム送信の場合、以前はダウンロードしたプロジェクトインターフェイスがあり、URLに多くのものをアップロードする必要がありましたが、URLには長さの制限がありました。URLの長さの制限はブラウザごとに異なるため、それを使用することを考えました。フォームを送信するフォームアクション。

form タグ 定義と使用法 詳細については、ここをクリックしてください。

タグは、ユーザー入力用の HTML フォームを作成するために使用されます。

フォームには、テキストフィールド、チェックボックス、ラジオボタン、送信ボタンなどの入力要素を含めることができます。

フォームには、メニュー、テキストエリア、フィールドセット、凡例、ラベル要素も含めることができます。

フォームはサーバーにデータを送信するために使用されます。 (使用するもの)

フォーム送信データの使い方

ここではjsを使ってイベントを呼び出すフォーム送信を書きます。ページに表示されないフォームの例。

次のコードmethodformタグの属性です。リクエストメソッドはjqueryのajaxと同じです。ここでは、formタグの属性enctypeを使用します。送信する前にフォーム データをエンコードする場合、form タグ の属性 target="_blank" は、新しいページで開くことと同じなので、フォーム データを開く必要があります。新しいページ。

 <form method="post" enctype="application/x-www-form-urlencoded" id="form-submit" target="_blank">
   <input type="hidden" name="account" value="多毛大叔爱萝莉"/>
   <input type="hidden" name="password" value="7758521"/>
</form>
<button type="button" id="go">go</button>//这里的name就是相当于post属性的参数 value就是你传的值 type是hidden 是因为我不想再页面上看到他所以让他隐藏了

次に、js を使用してイベントを呼び出し、

action 属性を form に動的に追加して、ポジションをリクエストするようにフォームに知らせます。

// js 获取form表单var form_submit = document.getElementById(&#39;form-submit&#39;);// js获取按钮var go = document.getElementById(&#39;go&#39;);// 当点击go时执行事件go.addEventListener(&#39;click&#39;,function(){
  // 动态给form表单设置请求位置
  form_submit.active = "http://www.daxuehua.cn";  // 让form表单提交
  form_submit.submit()
})

この方法で、URL 値が長すぎるとダウンロードできない問題を解決できます

フォーム送信の場合、以前はダウンロード プロジェクト インターフェイスがありましたが、多くのものをURL ですが、

url は長さの制限です ブラウザごとに URL の長さの制限が異なるため、フォームアクションを使用してフォームを送信することを考えました。

form タグ 定義と使用法 詳細については、ここをクリックしてください。
タグは、ユーザー入力用の HTML フォームを作成するために使用されます。

フォームには、テキストフィールド、チェックボックス、ラジオボタン、送信ボタンなどの入力要素を含めることができます。

フォームには、メニュー、テキストエリア、フィールドセット、凡例、ラベル要素も含めることができます。

フォームはサーバーにデータを送信するために使用されます。 (使用するもの)

フォーム送信データの使い方

ここではjsを使ってイベントを呼び出すフォーム送信を書きます。ページに表示されないフォームの例。

次のコード

methodformタグの属性です。リクエストメソッドはjqueryのajaxと同じです。ここでは、formタグの属性enctypeを使用します。送信する前にフォーム データをエンコードする場合、form タグ の属性 target="_blank" は、新しいページで開くことと同じなので、フォーム データを開く必要があります。新しいページ。

 <form method="post" enctype="application/x-www-form-urlencoded" id="form-submit" target="_blank">
   <input type="hidden" name="account" value="多毛大叔爱萝莉"/>
   <input type="hidden" name="password" value="7758521"/>
</form>
<button type="button" id="go">go</button>//这里的name就是相当于post属性的参数 value就是你传的值 type是hidden 是因为我不想再页面上看到他所以让他隐藏了
次に、js を使用してイベントを呼び出し、

action

属性を form に動的に追加して、ポジションをリクエストするようにフォームに知らせます。

// js 获取form表单var form_submit = document.getElementById(&#39;form-submit&#39;);// js获取按钮var go = document.getElementById(&#39;go&#39;);// 当点击go时执行事件go.addEventListener(&#39;click&#39;,function(){
  // 动态给form表单设置请求位置
  form_submit.active = "http://www.daxuehua.cn";  // 让form表单提交
  form_submit.submit()
})

この方法で、URL 値が長すぎるとダウンロードできない問題を解決できます

関連記事:

javascript - submit を form タグの外側に配置してフォーム送信を実装する方法

フォームを送信するためのタグハイパーリンクを実装するjsメソッド

以上がjs は、データを定義して送信するためのフォーム タグの使用を制御します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。