ホームページ > 記事 > ウェブフロントエンド > js は、データを定義して送信するためのフォーム タグの使用を制御します。
フォーム送信の場合、以前はダウンロードしたプロジェクトインターフェイスがあり、URLに多くのものをアップロードする必要がありましたが、URLには長さの制限がありました。URLの長さの制限はブラウザごとに異なるため、それを使用することを考えました。フォームを送信するフォームアクション。
タグは、ユーザー入力用の HTML フォームを作成するために使用されます。
フォームには、テキストフィールド、チェックボックス、ラジオボタン、送信ボタンなどの入力要素を含めることができます。
フォームには、メニュー、テキストエリア、フィールドセット、凡例、ラベル要素も含めることができます。
フォームはサーバーにデータを送信するために使用されます。 (使用するもの)
ここではjsを使ってイベントを呼び出すフォーム送信を書きます。ページに表示されないフォームの例。
次のコードmethodはformタグの属性です。リクエストメソッドは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('form-submit');// js获取按钮var go = document.getElementById('go');// 当点击go时执行事件go.addEventListener('click',function(){ // 动态给form表单设置请求位置 form_submit.active = "http://www.daxuehua.cn"; // 让form表单提交 form_submit.submit() })
この方法で、URL 値が長すぎるとダウンロードできない問題を解決できます
フォーム送信の場合、以前はダウンロード プロジェクト インターフェイスがありましたが、多くのものをURL ですが、form タグ 定義と使用法 詳細については、ここをクリックしてください。 タグは、ユーザー入力用の HTML フォームを作成するために使用されます。 フォームには、テキストフィールド、チェックボックス、ラジオボタン、送信ボタンなどの入力要素を含めることができます。 フォームには、メニュー、テキストエリア、フィールドセット、凡例、ラベル要素も含めることができます。 フォームはサーバーにデータを送信するために使用されます。 (使用するもの) フォーム送信データの使い方ここではjsを使ってイベントを呼び出すフォーム送信を書きます。ページに表示されないフォームの例。 次のコードurl は長さの制限です ブラウザごとに URL の長さの制限が異なるため、フォームアクションを使用してフォームを送信することを考えました。
methodはformタグの属性です。リクエストメソッドは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 を使用してイベントを呼び出し、
属性を form に動的に追加して、ポジションをリクエストするようにフォームに知らせます。 // js 获取form表单var form_submit = document.getElementById('form-submit');// js获取按钮var go = document.getElementById('go');// 当点击go时执行事件go.addEventListener('click',function(){
// 动态给form表单设置请求位置
form_submit.active = "http://www.daxuehua.cn"; // 让form表单提交
form_submit.submit()
})
関連記事:javascript - submit を form タグの外側に配置してフォーム送信を実装する方法フォームを送信するためのタグハイパーリンクを実装するjsメソッド
以上がjs は、データを定義して送信するためのフォーム タグの使用を制御します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。