Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
- <script language="javascript">
- $(document).ready(function(){
- $("button").click(function(){
- $.get("http://jsonplaceholder.typicode.com/users/3", function(data, status){
- $("#id").val(data.id);
- $("#name").val(data.name);
- $("#username").val(data.username);
- $("#email").val(data.email);
- $("#website").val(data.website);
- });
- });
- });
- </script>
- </head>
- <body>
- <form action="/action_page.php">
- <div class="form-group">
- <label for="email">ID:</label>
- <input type="email" class="form-control" id="id" name="id">
- </div>
- <div class="form-group">
- <label for="email">Name:</label>
- <input type="email" class="form-control" id="name" name="name">
- </div>
- <div class="form-group">
- <label for="email">Username:</label>
- <input type="email" class="form-control" id="username" name="username">
- </div>
- <div class="form-group">
- <label for="email">Email address:</label>
- <input type="email" class="form-control" id="email" name="email">
- </div>
- <div class="form-group">
- <label for="email">Website:</label>
- <input type="email" class="form-control" id="website" name="website">
- </div>
- <button type="button" class="btn btn-default" name="button" id="button">Submit</button>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement