WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Formulario de registro
1634
Anes_unk
Abrir en el editor
Publica tu código
Recomendado
28 November 2024
Enlace animado al pasar el mouse
10 July 2025
Plantilla de menú de restaurante HTML
3 July 2025
Botón Me gusta
HTML
Copy
Sign Up Form
Create Account
Personal Information
First Name
Last Name
Email Address
Phone Number
Billing Address
Street Address
City
State
Select State
Egypt
Bahrain
Kuwait
Saudi Arabia
Jordan
Algeria
Postcode
Country
Egypt
Bahrain
Kuwait
Saudi Arabia
Jordan
Algeria
Account Security
Password
Confirm Password
Register
CSS
Copy
body { background-color: #121212; color: #ffffff; font-family: 'Open Sans', sans-serif; display: flex; align-items: center; justify-content: center; margin: 0; height: 100vh; } .container { width: 100%; max-width: 1400px; padding: 10px; background-color: #1f1f1f; border-radius: 15px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 107, 129, 0.5); margin-top: -20px; margin-bottom: -20px; } h2 { color: #ff6b81; text-align: center; margin-bottom: 10px; font-weight: bold; } .btn-custom { background-color: #ff6b81; border: none; color: #ffffff; transition: background-color 0.3s, transform 0.3s; font-weight: bold; } .btn-custom:hover { background-color: #e55b71; transform: scale(1.05); } .form-control { background-color: #2c2c2c; border: 1px solid #6c757d; color: #ffffff; border-radius: 5px; transition: border-color 0.3s; } .form-control:focus { border-color: #ff6b81; box-shadow: 0 0 5px rgba(255, 107, 129, 0.5); } .mergecolor { color: #d1d1d1; margin-bottom: 10px; } .position-relative { margin-bottom: 10px; } label { margin-bottom: 5px; }
JS
Copy
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.bundle.min.js"></script>