ex5front.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>API interface</title>
  6. <!-- Online versions -->
  7. <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>-->
  8. <!--<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css//bootstrap.min.css" />-->
  9. <!--<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>-->
  10. <!-- Local versions -->
  11. <script src="jquery.min.js"></script>
  12. <link rel="stylesheet"href="bootstrap.css" />
  13. <script src="bootstrap.js"></script>
  14. <link rel="stylesheet" href="ex5style.css" />
  15. <script src="ex5script.js"></script>
  16. </head>
  17. <body>
  18. <div class="container">
  19. <div class="row">
  20. <div class="col-12-lg">
  21. <h1>API interface</h1>
  22. <div class="alert alert-warning" id="api-messages" role="alert"></div>
  23. <ul class="nav nav-tabs" role="tablist">
  24. <li class="active">
  25. <a href="#create" role="tab" data-toggle="tab">Create user</a>
  26. </li>
  27. </ul>
  28. <div class="tab-content">
  29. <div class="tab-pane active" id="create">
  30. <div class="form-group">
  31. <label for="createEmail">Email</label>
  32. <input type="email" class="form-control", id="createEmail" placeholder="Enter e-mail address" />
  33. </div>
  34. <div class="form-group">
  35. <label for="createUsername">User name</label>
  36. <input type="text" class="form-control" id="createUsername" placeholder="Enter user nickname" />
  37. </div>
  38. <div class="form-group">
  39. <label for="createFirst">First name</label>
  40. <input type="text" class="form-control" id="createFirst" placeholder="Enter user first name" />
  41. </div>
  42. <div class="form-group">
  43. <label for="createLast">Last name</label>
  44. <input type="text" class="form-control", id="createLast" placeholder="Enter user last name" />
  45. </div>
  46. <button type="submit" onclick="javascript:userCreate();" class="btn btn-success">Create</button>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. </body>
  53. </html>