lemansky

Untitled

May 4th, 2021
464
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  8.  
  9.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  10.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
  11.     <script>
  12.         $(document).ready(() => {
  13.             let data = [{"id": 1, "name": "Иван Иванов", "email": "pereinar@optonline.net", "phone": "12345344", "title": "Мениджър"},
  14.             {"id": 2, "name": "Мария Петрова", "email": "juliano@aol.com", "phone": "368938736", "title": "Програмист"},
  15.             {"id": 3, "name": "Стефан Колев", "email": "jipsen@outlook.com", "phone": "866893", "title": "Финансов директор"},
  16.             {"id": 4, "name": "Петя Илиева", "email": "rasca@msn.com", "phone": "10237129", "title": "Бодигард"},
  17.             {"id": 5, "name": "Деница Филева", "email": "mahbub@att.net", "phone": "0739483", "title": "Офис сътрудник"}];
  18.         });
  19.     </script>
  20. </head>
  21. <body>
  22.     <div class="container">
  23.         <div class="row flex-column ">
  24.             <div class="col-6 mx-auto mt-3">
  25.                 <div class="form-group">
  26.                     <select class="custom-select user-select">
  27.                       <option selected="">Избери потребител</option>
  28.                       <option value="1">Иван Иванов</option>
  29.                       <option value="2">Мария Петрова</option>
  30.                       <option value="3">Стефан Колев</option>
  31.                       <option value="4">Петя Илиева</option>
  32.                       <option value="5">Деница Филева</option>
  33.                       <option value="7">Красимир Жечев</option>
  34.                       <option value="8">Здравко Стоянов</option>
  35.                       <option value="10">Катерина Момчилова</option>
  36.                       <option value="11">Панчо Панчев</option>
  37.                       <option value="15">Елица Стоинева</option>
  38.                     </select>
  39.                     </div>
  40.                     <div class="form-group">
  41.                         <label for="">Имейл</label>
  42.                         <input type="text" class="form-control email-field">
  43.                     </div>
  44.                     <div class="form-group">
  45.                         <label for="">Телефон</label>
  46.                         <input type="text" class="form-control phone-field">
  47.                     </div>
  48.                     <div class="form-group">
  49.                         <label for="">Длъжност</label>
  50.                         <input type="text" class="form-control title-field">
  51.                     </div>
  52.                     <div class="form-group">
  53.                         <input type="button" class="btn btn-primary btn-block" value="Съхрани">
  54.                     </div>
  55.                 </div>
  56.             </div>
  57.         </div>
  58.     </div>
  59. </body>
  60. </html>
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×