Crea PÁGINA WEB con Login y Registro 2024 | HTML CSS JS
HTML-код
- Опубликовано: 19 июн 2024
- Crearas una PAGINA WEB con LOGIN y REGISTRO usando HTML, CSS y JS paso a paso, Aprenderás como hacer un login con html, css y Js. login html css javascript
Código del proyecto terminado
📂 | ko-fi.com/s/fe4ed68dcc
🔴Curso Recomendado (No pierdas la oportunidad de aprender y ahorrar al mismo tiempo)
➞ hotm.art/Curso-DesarrolloWeb
🎁CUPÓN DE DESCUENTO (50%): OFERTAEXCLUSIVA
------------------
⚡Mas Tutoriales del Canal
Crea tu Portafolio Web Paso a Paso
• Crea Tu Portafolio Web...
Crea Página Web Moderna Paso a Paso
• 🔥Como Hacer Una Página...
Crea Menú Responsive Paso a Paso
• 🟡Como Hacer un Menú Re...
Crea Formulario Completo Paso a Paso
• ✅Como Hacer un Formula...
Lofi Para Programar
• 🎶{Code-fi} Música Para...
Suscríbete Aquí
/ @gabrielcode
------------------
Crea Tu Propia Página Web Gratis (Sin Programar)
👉 www.webnode.com/r/65108c0da23af
------------------
Donaciones para el canal
💙 | ko-fi.com/gabrielcode
- - - - - - - - - - - - - - - - - - - - -
⏲️Linea de Tiempo
0:00---Prototipo
0:34---Código HTML
1:13---Código CSS
3:07---Navegación
4:48---Botón Iniciar Sesión
6:04---Creando el Login
9:58---CSS para el Login
20:53---Creando Registro
23:18---Código Javascript
26:00---Últimos Códigos CSS 
Наука
✅Inicia en la programación web de la forma correcta: hotm.art/Curso-Html-Css
Hola Gabriel lo único que no funcionó fue el botón. De cerrar y por lo demás todo bien saludos 🙂
@@alexherrera9768 Hola Alex, que mal que no te funcionó el botón, revisa bien los nombres de las clases
@@GabrielCodequizas el error este en los css , pero la verdad no lo encuentro lo veo todo bien
Estos proyectos son bastante útiles como estudiante, gracias por compartir tu experiencia.
Muchas gracias por tu comentario
muchasgracias bro yo estoy empezando y estos videos ayudan mucho
Gracias por tu comentario
Hola, excelente video muchas gracias, tienes algún video donde enseñes la seguridad del html, es que dicen q fácilmente cambiando el URL se podría ingresar sin hacer el login.
Hola, Gracias por tu comentario. No tengo videos de ese tipo 🥲
Gracias!
Gracias a ti por comentar 😃
oye, una pregunta, ¿cómo puedo hacer para que, a la hora de finalizar la página, esta si me permita iniciar sesión?, saludos
Hola, para eso tendrías que usar una base de datos para validar los campos y luego enviar el usuario a otro archivo html ósea a otra página
Como haces la flecha en app.js gracias
Hola, cómo sería para crear una página con login dónde se pudiera cargar saldo a cada usuario registrado y gastarlo en productos publicados en la misma página?
Quizás tienes algún tutorial para ello?
Hola, gracias por comentar, en ese caso deberías usar JavaScript. No tengo video de ese tipo
buenas, si quieres programas las opciones inicio, informacion, etc. Como lo agrego para hacerlo todo en el index
Hola, solo agregas la página html y la vinculas con la etiqueta
Me sirvió mucho todo, y me sirve, solo que no entiendo es que a mi al final, la parte de registro, se ve por encima del de iniciar sesión, no se quita, se pone encima. 😢
Revisa las posiciones del div ósea si está relative o absolute también revisa que las clases tengan el mismo nombre 😁
A mi tambien me daba ese error. A uno de los contenedor-form en el html no le habia puesto la clase login.
Debe quedar asi:
y el del registro:
Realicé todo lo que vi en este video, pero parece que no funcionó al final. Lamentable.
¿Cuál es el error?
@@GabrielCode Creo que se debió a la última parte del video que mostraste. Si en Google Chrome funcionaba, por qué no en el Mozilla, además es raro que al haber escrito bien los lenguajes del JavaScript, posteriormente no funcionen.
@Verdotaku Eso es extraño 😯
deja un error al final del video que no pone l link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj
tengo problemas con js al final no quiere interactuar nada e intentado varias cosas pero nada sirve, que podria ser?
deja un error al final del video que no pone l link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj
hola, tengo un problema con el JavaScript en la parte del final cunado quiero hacer aparecer no me aparece el formulario, ya probé si estaba enlazado el JavaScript y si lo estaba no se por que me pasa ya trate de ver pero no encuentro el error :(
Hola, Revisa los nombres de las clases y ID fíjate que tenga el mismo nombre
Lo pudiste resolver? tengo el mismo problema y ya revise el codigo varias veces
@@cristopheralava5886 no bro, nose debe ser alguna actualización o nose si hay algún grupo de discord me gustaría unirme así nos ayudamos todos
@@yunioryapura5274 busca en youtube "How To Make A Website With Login And Register | HTML CSS & Javascript" es el mismo proyecto pero está un detalle extra, que te muestra como se intercambian de lugar los textos.
deja un error al final del video que no pone l link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj
al final del video no logro que no se vea doble el inicio de sesión...alguien sabe por que podría ser?
A mi tambien me daba ese error. A uno de los contenedor-form en el html no le habia puesto la clase login.
Debe quedar asi:
y el del registro:
Me sale error con la URL
HOLA CUAL ES TU CONTACTO, QUIERO PREGUNTAR SOBRE - Pagina web con LOGIN + REGISTRO con HTML, CSS & JS (Código) , SE PUEDE REGISTRAR internamente editando el html o necesariamente CON BASE DE DATOS y mysql funciona aparte. ???
Hola, ese es solo el frontend ósea lo que ves en el video (No con base de datos )
HE INTENTADO DE MIL MANERAS PARA QUE EL BOTON DE INICIAR FUNCIONES, PERO NADA 😔. COLOCO EL AL FINAL, ANTES, AL PRINCIPIO Y NADAAA 😭😭
ASEGURASTE DE ESTO EN EL (contenedor-form):
Debe quedar así:
y el del registro:
@@GabrielCodeTodo está bien, ya he repetido como unas 5 veces el vídeo, pero nada que me deja abrir ese Iniciar sesión, he intentado de todas las maneras, incluso ya borre todo y lo volví a hacer y nada 😭😭
@juanxxx7960 Aquí tengo otro tutorial: Como Crear una Página Web con Login y Registro (Html Css Js)
ruclips.net/video/dY2EyrxOQ8A/видео.html
bro como estas genial tu video ando inicianod en este mundo me gusta mucho heeeee me podrias ayudar con este problema reglon 173 y 174 que simbolo lleva en tre el focus y label porfa y como lo sacas (.contenedor-input input:focuslabel,
.contenedor-input input:valid"label{ gracias bro
Gracias por comentar bro, el símbolo es: ~
@@GabrielCode gracias Bro me funcionó en su totalidad, presente errores pero es estar atento a la hora de digitar una palabra mal escrita y no funciona, Bro una pregunta ya que me gustó mucho tu vídeo que pena preguntar, pero cómo hago para hacer lo mismo de iniciar sesión y registro, pero ahora en las otras pestañas? Donde pueda darle click salga la pantalla y agregarle info te lo agradecería Bro ya que estoy aprendiendo le metí la ficha y no lo logré jajajaja
@luisEduardo-zi4jk si quieres que salga en otra pestaña deberías usar dos archivos HTML uno para el login y otro para registrarse
Bro cómo estás? que pena si no me di a entender jejeje era para las pestañas de inicio,info, servicios y contactos que cuando yo le de click me salga una ventana como pasa en iniciar sesión y registro te lo agradecería 🙏@@GabrielCode
@luisEduardo-zi4jk ahora entiendo bro, solo tendrías que hacer el mismo proceso que hiciste en el botón “Iniciar Sesión” pero en los otros campos, espero que tengas una idea ahora 😆
donde agregas el script? yo lo agrege al ultimo y no me funciona nose que mas hacer
Yo también lo agregué al final del body, revisa si el navegador te da problema cuando actualizas la página
@@GabrielCode ya revise el navegador no es el problema, nose que sera capaz en el video se te paso por algo algo y ya vi otro comentario y tiene el mismo error, no soy el unico
@cristopheralava5886 Cuendo estés en el proyecto en chrome, click izquierdo, inspeccionar y luego actualiza la página. En el lado derecho podrás ver donde esta el problema en el código JS
deja un error al final del video que no pone l link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj
ya hice de todo y sigue sin que me funcione pulsando el boton de iniciar sesion :c
¿Agregaste el link de Js en el Html?
el gabi dejo un error al final del video que no pone link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj
me sigue sin funcionar :C
@@JacintoO
No le vinculaste js al html, no me funciono al final bro
Me falto mostrar esa parte en el video 😅
@@GabrielCode podrías mostrar esa parte?
@@brendadg5152 Hola, esa es la linea de código js
deja un error al final del video que no pone l link de Js en el Html y por eso no funciona el boton de iniciar sesion, para el que tenga este problema , deben colocar el script JavaScript al final del documento HTML, justo antes del cierre del . Esto garantiza que el documento se haya cargado antes de intentar manipular elementos. el codigo de JS es . buena suerte a todos muchachos y no me agradezcan solo a mi, si no tambien a chatgpt que me ayudo a encontrar el error, estaba quedando loco jajaj
como hago la flechita?
Hola, ¿cuál flechita?
@@GabrielCode La del Js:C
me puedes pasar todo ya hecho con el index