renzheng.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <html>
  2. <head>
  3. <title>实名认证</title>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport"
  7. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
  8. <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/c/font_2056629_vzvl0jvb2q.css">
  9. <link rel="stylesheet" type="text/css" href="static/css/style.css">
  10. <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
  11. <style>
  12. .r-li {
  13. width: 90%;
  14. margin: 2rem auto;
  15. }
  16. .r-input {
  17. width: 100%;
  18. display: flex;
  19. justify-content: space-between;
  20. line-height: 3rem;
  21. color: #7e7e7e;
  22. margin: 1rem auto;
  23. }
  24. .r-input input {
  25. border: none;
  26. height: 3rem;
  27. width: 70%;
  28. }
  29. .code {
  30. border: 1px solid #3ab7e7;
  31. font-size: 14px;
  32. padding: 1px 5px;
  33. box-shadow: 1px 1px 2px 1px #a9aaab;
  34. color: #3ab7e7;
  35. }
  36. .r-but {
  37. line-height: 20px;
  38. font-size: 14px;
  39. color: #fff;
  40. background: linear-gradient(135deg, #69e2b3, #19be6b);
  41. display: flex;
  42. justify-content: center;
  43. align-items: center;
  44. height: 3rem;
  45. width: 60%;
  46. border-radius: 10px;
  47. margin: auto;
  48. }
  49. .tips {
  50. width: 90%;
  51. margin: 2rem auto;
  52. color: red;
  53. font-size: 14px;
  54. }
  55. </style>
  56. </head>
  57. <body>
  58. <div class="r-body">
  59. <form action="">
  60. <div class="r-li">
  61. <div class="r-input"><span>姓名:</span><input type="text" name="name" value="" placeholder="请输入真实姓名" />
  62. </div>
  63. <div class="r-input"><span>身份证号:</span><input type="text" name="name" value="" placeholder="请输入身份证号" />
  64. </div>
  65. <div class="r-input"><span>支付宝账号:</span><input type="text" name="name" value=""
  66. placeholder="请输入支付宝账号" />
  67. </div>
  68. <div class="r-input"><span>电话:</span><input type="tel" name="name" value="" placeholder="请输入电话" /></div>
  69. <div class="r-input"><span>验证码:</span><input style="width: 30%;" type="number" name="name" value=""
  70. placeholder="请输入验证码" />
  71. <div class="code">发送验证码</div>
  72. </div>
  73. </div>
  74. <div class="r-but">提交</div>
  75. <div class="tips">提示:为确保账户资金安全,请您进行实名验证,实名人的 姓名,电话,身份证号 必须是同一人</div>
  76. </form>
  77. <div class="r-but" style="background: linear-gradient(135deg, #fa7e44, #e43720);;">登出</div>
  78. </div>
  79. </body>
  80. </html>