daily pastebin goal
12%
SHARE
TWEET

Untitled

a guest Jan 22nd, 2019 52 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <title>Page Title</title>
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.    
  9.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
  10.  
  11. <!-- jQuery library -->
  12. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  13.  
  14. <!-- Popper JS -->
  15. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  16.  
  17. <!-- Latest compiled JavaScript -->
  18. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
  19. <script>
  20.   $(document).ready(function (){
  21.     $("button").click(function (){
  22.       $.get("https://jsonplaceholder.typicode.com/posts/3", function (data, status) {
  23.     $("#number").val(data.id);
  24.     $("#title").val(data.title);
  25.     $("#body").val(data.body);
  26.       });
  27.     });
  28.   });
  29.  
  30.  
  31. </script>
  32. </head>
  33. <nav class="navbar navbar-expand-md bg-dark navbar-dark">
  34.         <!-- Brand -->
  35.         <a class="navbar-brand" href="#">Navbar</a>
  36.      
  37.         <!-- Toggler/collapsibe Button -->
  38.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
  39.           <span class="navbar-toggler-icon"></span>
  40.         </button>
  41.      
  42.         <!-- Navbar links -->
  43.         <div class="collapse navbar-collapse" id="collapsibleNavbar">
  44.           <ul class="navbar-nav">
  45.             <li class="nav-item">
  46.               <a class="nav-link" href="#">Tanja</a>
  47.             </li>
  48.             <li class="nav-item">
  49.               <a class="nav-link" href="#">Form</a>
  50.             </li>
  51.           </ul>
  52.         </div>
  53.       </nav>
  54.  
  55. <div class="container">
  56.   <h2>Forma</h2>
  57.   <form>
  58.     <div class="form-group">
  59.       <label for="id">ID:</label>
  60.       <input type="text" class="form-control" id="number" name="id">
  61.  
  62.     </div>
  63.   </form>
  64.   <button class="btn btn-primary" id="dugme">Submit</button>
  65. </div>
  66. <body>
  67.    
  68. </body>
  69. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top