Comment soumettre le formulaire dans la boîte modale bootstrap

Comment soumettre un formulaire dans la boîte modale bootstrap : ouvrez d'abord le fichier de code correspondant ; puis écrivez le formulaire directement dans le corps modal de la boîte modale et enfin définissez le lien vers lequel accéder lorsque l'action est terminée ; soumis.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, bootsrap version 3.3.7 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "tutoriel bootstrap" "tutoriel vidéo CSS"

formulaire de soumission de boîte modale bootstrap

Écrivez le formulaire directement dans le corps modal de la boîte modale et traitez-le comme un formulaire normal Action=le lien à sauter lors de la soumission.

Si elle est construite selon le cadre modal de bootstrap, la sauvegarde finale doit être placée en dehors du formulaire, mais si le bouton de soumission est placé en dehors du formulaire, le formulaire ne peut pas être soumis, il doit donc être placé à l'intérieur du formulaire. formulaire.

<div class="modal-content">
       <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModalLabel">添加数据字典</h4>
      </div>
      <div class="modal-body">
      <form class="form-horizontal" role="form" id="add-key-form" action="system/dic-save.json" method="post">
   <div class="form-group">
      <label class="col-sm-2 control-label"><i class="required">* </i>键：</label>
      <div class="col-sm-4">
         <input type="text" class="form-control" name="keyName" placeholder="请输入字典键"/>
      </div>
      <label class="col-sm-2 control-label"><i class="required">* </i>值：</label>
      <div class="col-sm-4">
         <input type="text" class="form-control" name="keyValue" placeholder="请输入字典值">
      </div>
   </div>
  <div class="modal-footer">
        <button type="submit" class="btn btn-primary">保存</button>
  </div>
</form>
      </div>
</div>

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

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!