Maison  >  Article  >  interface Web  >  Comment créer et soumettre dynamiquement un formulaire à l'aide des compétences JavaScript_javascript

Comment créer et soumettre dynamiquement un formulaire à l'aide des compétences JavaScript_javascript

WBOY
WBOYoriginal
2016-05-16 15:26:341450parcourir

L'exemple de cet article décrit la méthode d'implémentation de création et de soumission dynamiques d'un formulaire à l'aide de JavaScript. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Si la mise en page est quelque peu compliquée, vous devrez peut-être créer dynamiquement un formulaire dans la page. La démonstration de la création d'un formulaire avec JavaScript est la suivante :

// JavaScript 构建一个 form 
function MakeForm() 
{ 
  // 创建一个 form 
  var form1 = document.createElement("form"); 
  form1.id = "form1"; 
  form1.name = "form1"; 
  // 添加到 body 中 
  document.body.appendChild(form1); 
  // 创建一个输入 
  var input = document.createElement("input"); 
  // 设置相应参数 
  input.type = "text"; 
  input.name = "value1"; 
  input.value = "1234567"; 
  // 将该输入框插入到 form 中 
  form1.appendChild(input); 
  // form 的提交方式 
  form1.method = "POST"; 
  // form 提交路径 
  form1.action = "/servlet/info"; 
  // 对该 form 执行提交 
  form1.submit(); 
  // 删除该 form 
  document.body.removeChild(form1); 
} 

Après avoir appelé MakeForm, créez immédiatement un formulaire, soumettez-le, puis supprimez le formulaire.

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn