registration_form.html 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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. <title>Регистрация</title>
  8. <style>
  9. @import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;500;600;700;800&display=swap');
  10. input[type="checkbox"] {
  11. display: none;
  12. }
  13. html {
  14. height: 160%;
  15. }
  16. body {
  17. background:
  18. url(img/pinkCircles.png) left bottom no-repeat,
  19. url(img/yellowCorner.png) right top no-repeat;
  20. margin-left: -0.545vw;
  21. margin-right: 10.905vw;
  22. position: absolute;
  23. }
  24. </style>
  25. </head>
  26. <body class="registration_form">
  27. <a href="main_unregistered.html"><input type="button" value="Отменить" class="button-back"></a>
  28. <p class="heads-form">Регистрация</p>
  29. <form class="form-position" action="main_registered.html">
  30. <div class="element">
  31. <label class="lable">Имя</label><br>
  32. <input type="text" placeholder="Иван" class="input" tabIndex="1" onkeydown="return tab(this, event)">
  33. </div>
  34. <div class="element">
  35. <label class="lable">Фамилия</label><br>
  36. <input type="text" placeholder="Иванов" class="input" tabIndex="2">
  37. </div>
  38. <div class="element">
  39. <label class="lable">Почта</label><br>
  40. <input type="email" placeholder="User@mail.ru" class="input" tabIndex="3">
  41. </div>
  42. <div class="element">
  43. <label class="lable">Телефон</label><br>
  44. <input type="text" placeholder="+7 (***)***-**-**" class="input" tabIndex="4">
  45. </div>
  46. <div class="element">
  47. <label class="lable">Пароль</label><br>
  48. <input type="password" placeholder="***********" class="input" tabIndex="5">
  49. </div>
  50. <div class="element">
  51. <label class="lable">Повторите пароль</label><br>
  52. <input type="password" placeholder="***********" class="input" tabIndex="6">
  53. </div>
  54. <label class="container">Вы соглашаетесь на обработку персональных данных
  55. <input type="checkbox">
  56. <span class="checkmark"></span>
  57. </label>
  58. <div class="button">
  59. <input type="submit" value="Зарегистрироваться" class="button-text">
  60. </div>
  61. </form>
  62. <a href="authorization_form.html" class="link"><p class="footer-form">Уже есть аккаунт?</p></a>
  63. </body>