cavaman

form_Callback

Jun 8th, 2022
699
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.81 KB | None | 0 0
  1. <form metod="post" class="ajax_form modal fade" id="formCallback" tabindex="-1" role="dialog" aria-labelledby="formCallbackLabel" aria-hidden="true">
  2.     <div class="modal-dialog" style="max-width: 410px;">
  3.         <div class="modal-content">
  4.             <div class="modal-header">
  5.                 <p class="modal-title text-uppercase" id="formCallbackLabbel">Заказ обратного звонка</p>
  6.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  7.                     <span aria-hidden="true">&times;</span>
  8.                 </button>  
  9.             </div>
  10.             <div class="modal-body">
  11.                 <div class="text-center mb-3">
  12.                     <label>Оставьте Ваши данные для связи</label>
  13.                 </div>
  14.                 <div class="mb-3">
  15.                     <input type="text" id="af_name" name="name" required placeholder="Ваше имя" class="form-control">
  16.                 </div>
  17.                 <div class="mb-3">
  18.                     <input type="text" id="af_phone" name="phone" required placeholder="Номер телефона" class="form-control">
  19.                 </div>
  20.                 <div class="mb-3">
  21.                     <input type="email" id="af_email" name="email" placeholder="Электронная почта" class="form-control">
  22.                 </div>
  23.                 <div class="form-group">
  24.                     <div class="checkbox">
  25.                         <label class="mb-0" style="font-size: 13px;">
  26.                             <input type="checkbox" name="check[]" id="check" class="check" checked required> Я даю согласие на обработку персональных данных
  27.                         <label>
  28.                     </div>
  29.                 </div>
  30.                 <input type="hidden" id="af_ip" name="ip" value="[[#SERVER.REMOTE_ADDR]]"/>    
  31.             </div>
  32.             <div class="modal-footer">
  33.                 <button type="submit" class="btn btn-sm btn-success">Закзазать</button>
  34.                 <button type="reset" class="btn btn-sm btn-secondary" data-dismiss="modal">Закрыть</button>
  35.             </div>
  36.         </div>
  37.     </div>
  38. </form>
  39.  
  40. <form class="form modal fade" id="formModal2" tabindex="-1" role="dialog" aria-labelledby="formModal2Label" aria-hidden="true">
  41.     <div class="modal-dialog" style="max-width: 410px;">
  42.         <div class="modal-content">
  43.             <div class="modal-header">
  44.                 <p class="h6 modal-title txt-blue text-uppercase" id="formModal2Label">Ваша заявка отправлена</p>
  45.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  46.                     <span aria-hidden="true">&times;</span>
  47.                 </button>          
  48.             </div>
  49.             <div class="modal-body">
  50.                 <p class="text-center">В ближайшее время с Вами свяжется наш менеджер для уточнения деталей.</p>
  51.             </div> 
  52.             <div class="modal-footer">
  53.                 <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Закрыть</button>
  54.             </div>
  55.         </div> 
  56.     </div>
  57. </form>
  58.  
  59.  
  60.  
Advertisement
Add Comment
Please, Sign In to add comment