registration_form.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <link rel="stylesheet" href="style.css" />
  6. <link rel="shortcut icon" href="img/icon.svg" type="image/svg">
  7. <script src="third.js"></script>
  8. <title>Регистрация</title>
  9. <style>
  10. @import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');
  11. input[type="checkbox"] {
  12. display: none;
  13. }
  14. html {
  15. height: 160%;
  16. }
  17. body {
  18. background:
  19. url(img/pinkCircles.png) left bottom no-repeat,
  20. url(img/yellowCorner.png) right top no-repeat;
  21. margin-left: -0.545vw;
  22. margin-right: 10.905vw;
  23. position: absolute;
  24. }
  25. </style>
  26. </head>
  27. <body class="registration_form">
  28. <a href="main_unregistered.html"><input type="button" value="Отменить" class="button-back"></a>
  29. <p class="heads-form">Регистрация</p>
  30. <form class="form-position" action="main_registered.html">
  31. <div class="element">
  32. <label class="lable">Имя</label><br>
  33. <input type="text" id="i1" placeholder="Иван" class="input" tabIndex="1" onkeydown="return tab(this, event)">
  34. </div>
  35. <div class="element">
  36. <label class="lable">Фамилия</label><br>
  37. <input type="text" id="i2" placeholder="Иванов" class="input" tabIndex="2">
  38. </div>
  39. <div class="element">
  40. <label class="lable">Почта</label><br>
  41. <input type="email" id="i3" placeholder="User@mail.ru" class="input" tabIndex="3">
  42. </div>
  43. <div class="element">
  44. <label class="lable">Телефон</label><br>
  45. <input type="text" id="i4" placeholder="+7 (***)***-**-**" class="input" tabIndex="4">
  46. </div>
  47. <div class="element">
  48. <label class="lable">Пароль</label><br>
  49. <input type="password" id="i5" placeholder="***********" class="input" tabIndex="5">
  50. </div>
  51. <div class="element">
  52. <label class="lable">Повторите пароль</label><br>
  53. <input type="password" id="i6" placeholder="***********" class="input" tabIndex="6">
  54. </div>
  55. <label class="container">Вы соглашаетесь на обработку персональных данных
  56. <input type="checkbox">
  57. <span class="checkmark"></span>
  58. </label>
  59. <div class="button">
  60. <a href="main_registered.html"><input type="button" value="Зарегистрироваться" class="button-text"></a>
  61. </div>
  62. <!-- <script>
  63. function ff(){
  64. let user = {
  65. surname: document.getElementById('i2'),
  66. };
  67. let response = fetch('https://iis.ngknn.ru/NGKNN/МамшеваЮС/12/api/User/CreateUser', {
  68. method: 'POST',
  69. headers: {
  70. 'Content-Type': 'application/json'
  71. },
  72. body: JSON.stringify(user)
  73. });
  74. let result = response.json();
  75. alert(result.message);
  76. }
  77. </script> -->
  78. </form>
  79. <a href="authorization_form.html" class="link"><p class="footer-form">Уже есть аккаунт?</p></a>
  80. </body>