js contrôle l'utilisation des balises de formulaire pour définir et soumettre des données

Pour la soumission de formulaire, il existait auparavant une interface de projet de téléchargement, qui nécessitait de télécharger beaucoup de choses sur l'URL, mais l'URL a une limite de longueur. La limite de longueur d'URL de chaque navigateur est différente, donc. J'ai pensé à utiliser form. L'action de formulaire soumet le formulaire.

balise de formulaire Définition et utilisation Pour plus de détails, veuillez cliquer sur

La balise

est utilisée pour créer des formulaires HTML pour la saisie de l'utilisateur.

Les formulaires peuvent contenir des éléments de saisie, tels que des champs de texte, des cases à cocher, des boutons radio, des boutons de soumission, etc.

Les formulaires peuvent également contenir des éléments de menu, de zone de texte, de champs, de légende et d'étiquette.

Les formulaires sont utilisés pour transmettre des données au serveur. (Ce que nous voulons utiliser)

Utilisation des données de soumission de formulaire

Ici, je vais écrire un formulaire de soumission de formulaire en utilisant js pour appeler des événements. Exemple de formulaire ne s'affichant pas sur la page.

L'attribut méthode de la balise form dans le code ci-dessous est le même que la méthode de requête de ajax de jquery. Ici, j'utilise la requête de publication , L'attribut enctype de la balise form précise comment encoder les données du formulaire avant de l'envoyer. L'attribut target="_blank" du . La balise form équivaut à Ouvrir une nouvelle page. Ce que je fais ici, c'est le téléchargement, je dois donc l'ouvrir dans une nouvelle page.

 <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 是因为我不想再页面上看到他所以让他隐藏了

Ensuite, nous utilisons js pour appeler des événements et ajoutons dynamiquement l'attribut

action au form pour faire savoir au formulaire que nous voulons qu'il demande un poste.

// 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()
}）

De cette façon, vous pouvez résoudre le problème de l'impossibilité de télécharger des éléments si la valeur de l'URL est trop longue

Soumission du formulaire, il y a eu un télécharger avant L'interface du projet nécessite que beaucoup de choses soient téléchargées sur l'URL, mais

L'URL a une limite de longueur Chaque navigateur a des restrictions de longueur d'URL différentes, j'ai donc pensé à utiliser l'action de formulaire pour soumettre le formulaire.

balise de formulaire Définition et utilisation Pour plus de détails, veuillez cliquer sur

La balise

est utilisée pour créer des formulaires HTML pour la saisie de l'utilisateur.

Les formulaires peuvent contenir des éléments de saisie, tels que des champs de texte, des cases à cocher, des boutons radio, des boutons de soumission, etc.

Les formulaires peuvent également contenir des éléments de menu, de zone de texte, de champs, de légende et d'étiquette.

Les formulaires sont utilisés pour transmettre des données au serveur. (Ce que nous voulons utiliser)

Utilisation des données de soumission de formulaire

Ici, je vais écrire un formulaire de soumission de formulaire en utilisant js pour appeler des événements. Exemple de formulaire ne s'affichant pas sur la page.

L'attribut

méthode de la balise form dans le code ci-dessous est le même que la méthode de requête de ajax de jquery. Ici, j'utilise la requête de publication , L'attribut enctype de la balise form précise comment encoder les données du formulaire avant de l'envoyer. L'attribut target="_blank" du . La balise form équivaut à Ouvrir une nouvelle page. Ce que je fais ici, c'est le téléchargement, je dois donc l'ouvrir dans une nouvelle page.

Ensuite, nous utilisons js pour appeler des événements et ajoutons dynamiquement l'attribut

 <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 是因为我不想再页面上看到他所以让他隐藏了

action

au form pour faire savoir au formulaire que nous voulons qu'il demande un poste.

// 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()
}）

Cela peut résoudre le problème de l'impossibilité de télécharger des éléments si la valeur de l'URL est trop longue

Articles connexes :

javascript - Comment implémenter la soumission d'un formulaire en plaçant la soumission en dehors de la balise form

js Comment implémenter un lien hypertexte de balise pour soumettre le formulaire

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!