Suscríbete ✅ para más vídeos tutoriales de proyectos web 💻 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 🌐 Visita mi sitio web para más recursos 👇🏻: - bit.ly/sleedw 📱 Únete a nuestra comunidad en WhatsApp y comparte tus proyectos o dudas que tengas 👇🏻: - bit.ly/sleedw-grupo-whatsapp 🔵 Síguenos en Facebook 👇🏻: - bit.ly/face-oficial-sleedw ▶ Saludos y que Dios te bendiga. 🙌
Amo este canal, siempre me desvivo buscando una forma de hacer una cosa con mil tutoriales y nunca puedo hasta que vengo aquí, estoy aprendiendo y este canal es el mejor
lo malo que se le debe colocar required para que funcione bien si no no funciona, si tengo un formulario de que algunos campos no sea requirido por los css me obliga a colocarlo no esta bien
Ya que anidar etiquetas form es una mala práctica, la forma que encontré de trabajar con más de un input (user/password, en mi caso) es creando un para cada .
Por qué si no pones el atributo REQUIRED en el input deja de funcionar? tenia entendido que solo funcionaba para que fuera un campo obligatorio, pero si no lo coloco deja de funcionar correctamente, el label se queda en su posicion de arriba aunque no se le haya dado click previamente
Muchas gracias amigo y gracias por comentar!!,. ☺️ No olvides en suscribirte a este canal para seguir creciendo, y formar una bonita familia de Desarrolladores Web..🙌 Saludos!!, y Éxitos..🙌
Y si el input en vez de tipo text es de email?. No haría ningun transale a menos de que lleve un @ y un . ya que tiene que estar validado primero. Y los usuarios no siempre colocan el correo como debe de ser.
lo llegaste a resolver?, por que estoy intentando que mi label no tape el correo de mi inputo (tipo: email) y no funciona con valid, ya que como dices no valida por el simple hecho de no estar correctamente escrito y mi label se pone por encima del texto
Hola Elce☺, gracias por comentar, respecto a tu pregunta, el "valid" es un pseudo elemento que ayuda validar el contenido satisfactoriamente. Esto permite que los campos válidos adopten fácilmente una apariencia que ayuda al usuario a confirmar que sus datos están formateados correctamente. Un Ejemplo en Css sería este👇☺ input:valid{ background-color:orange; } Saludos y Éxitos💻🙌
Excelente video, el único problema único es que estuve obligado a darle a REQUIRED en la etiqueta IMPUT, de lo contrario no podía lograr ese movimiento del Border-Bottom hacia ninguno de los lados. Si alguien lo sabe agradecería la ayuda.
@@CristianEmma22 Ya lo resolví. El evento que ocurre al hacer click fuera del input se llama blur, desafortunadamente no hay tal cosa en CSS pero sí en JS. Lo único que tienes que hacer es una función JS que se dispare al hacer blur, yo lo que definí en mi función es simplemente cambiarle el nombre de la clase CSS a los inputs uno por uno, al tener una nueva clase definida le aplico sus estilos correspondientes. Espero haberme explicado.
Hola luis, muchas gracias por comentar, respecto a tu pregunta me gustaría ver tu código si no es molestia para poderte ayudar, en el problema que presentas con tu proyecto. Para eso te invito a que te unas a nuestro grupo de WhatsApp, que te estaré dejando por aquí el enlace : chat.whatsapp.com/Bq9yPZMPqZ3FNt8BRCbyi8, y puedas consultar cualquier problema con nosotros.. Saludos y Éxitos.
Suscríbete ✅ para más vídeos tutoriales de proyectos web 💻
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
🌐 Visita mi sitio web para más recursos 👇🏻:
- bit.ly/sleedw
📱 Únete a nuestra comunidad en WhatsApp y comparte tus proyectos o dudas que tengas 👇🏻:
- bit.ly/sleedw-grupo-whatsapp
🔵 Síguenos en Facebook 👇🏻:
- bit.ly/face-oficial-sleedw
▶ Saludos y que Dios te bendiga. 🙌
porque se me activa el valid aunque no tenga valor ayudenme porfavor!!!!
Amo este canal, siempre me desvivo buscando una forma de hacer una cosa con mil tutoriales y nunca puedo hasta que vengo aquí, estoy aprendiendo y este canal es el mejor
Muchas gracias por compartir tu video. Explicaste todo muy bien.
muchas gracias por tu video y tu explicacion
La mejor explicacion que he visto
Muchas gracias. Saludos 🤝
Muchas gracias me sirvió mucho, e buscado esto hace tiempo
Excelente, para los que subestiman CSS
Una pregunta: Cual es la función del pointer-events: none; en .form .lbl-nombre.
lo malo que se le debe colocar required para que funcione bien si no no funciona, si tengo un formulario de que algunos campos no sea requirido por los css me obliga a colocarlo no esta bien
Como puedo hacer un formulario con esto??
Lo que pasa es que al generar otro se encima en el anterior o no da salto de línea.
Help me please!!!
me pasa lo mismo!
x3
Hola! Si querés hacer un formulario de varios inputs tenes que copiar el div entero para que no se te sobrepongan uno arriba del otro.
Nombre
Apellido
@@paulacarluccio3818 Lo intenté y me sigue poniendo al frente del otro 😪😓
Hola...!!
Cómo posiciono un input.?
Oye como seria para poner dos input porque los pone uno sobre el otro
Muchas gracias, excelente video
como das estilos a la barrita del input ponele que quiero cambiar de color se puede?
hola. esto aplica para un proyecto .net mvc con bootsatrap 4.5 ? ho hay que hacer algo mas alli?
Ya que anidar etiquetas form es una mala práctica, la forma que encontré de trabajar con más de un input (user/password, en mi caso) es creando un para cada .
10 de 10, muchas muchas gracias.
Por qué si no pones el atributo REQUIRED en el input deja de funcionar?
tenia entendido que solo funcionaba para que fuera un campo obligatorio, pero si no lo coloco deja de funcionar correctamente, el label se queda en su posicion de arriba aunque no se le haya dado click previamente
estoy igual, pudiste resolverlo?
Muchas gracias genial el contenido nuevo sub!
Muy bueno, costo un toque seguir los conceptos porque tengo conocimientos de css basicos, pero estuvo bueno
Muchas gracias amigo y gracias por comentar!!,. ☺️
No olvides en suscribirte a este canal para seguir creciendo, y formar una bonita familia de Desarrolladores Web..🙌
Saludos!!, y Éxitos..🙌
Excelente amigo, me suscribo
Muchas gracias amigo, Saludos y Dios te bendiga🙌💻
Y si el input en vez de tipo text es de email?. No haría ningun transale a menos de que lleve un @ y un . ya que tiene que estar validado primero.
Y los usuarios no siempre colocan el correo como debe de ser.
lo llegaste a resolver?, por que estoy intentando que mi label no tape el correo de mi inputo (tipo: email) y no funciona con valid, ya que como dices no valida por el simple hecho de no estar correctamente escrito y mi label se pone por encima del texto
excelente, pero si no es necesrio requerido ?
el :valid no me funciona nose porque lo pongo y ya no esta la animacion de que sube osea sube inmediatamente me puedes ayudar? porfavor
:valid solo funciona para campos requeridos, en su lugar usa input:not(:placeholder-shown)
Muchas gracias :)
que buen video me ayudo muchísimo solo una pregunta si quisiera aplicar el mismo efecto a un botón de tipo select?
gracias amigo fue de mucha ayuda saludos
buen video pero si quiero poner mas de uno como se pudiera hacer
Espectacular flaco :3
Muchas gracias amigo, Saludos y Dios te bendiga▶🙌
Muy buen video, gracias por compartir! Lo unico que se me ha quedado es type="email", no consigo lograrlo.
Amigo que extension o tema usas para ese efectro brillante en los corchetes. Excelente video.
Porque se queda activado el valid? Espero tu respuesta pronto gracias
Hola Elce☺, gracias por comentar, respecto a tu pregunta, el "valid" es un pseudo elemento que ayuda validar el contenido satisfactoriamente. Esto permite que los campos válidos adopten fácilmente una apariencia que ayuda al usuario a confirmar que sus datos están formateados correctamente.
Un Ejemplo en Css sería este👇☺
input:valid{
background-color:orange;
}
Saludos y Éxitos💻🙌
wow excelente video!
Hola Omar☺, gracias por comentar, me alegra mucho que te allá gusto este proyecto..💻
Saludos y Éxitos...☺
no me funciona valid... la animacion se ejecuta desde el principio sin colocar nada
gracias , solo una cosita, cuando hagas videos , quitale el sonido a los clicks del mouse, por favor , ajajajajaj, gracias
Excelente video, el único problema único es que estuve obligado a darle a REQUIRED en la etiqueta IMPUT, de lo contrario no podía lograr ese movimiento del Border-Bottom hacia ninguno de los lados. Si alguien lo sabe agradecería la ayuda.
Lo lograste?
@@albertogalindo5465 yo tengo el mismo inconveniente y no se muestra la animacion si le quito el requred, gracias
@@CristianEmma22 Ya lo resolví. El evento que ocurre al hacer click fuera del input se llama blur, desafortunadamente no hay tal cosa en CSS pero sí en JS.
Lo único que tienes que hacer es una función JS que se dispare al hacer blur, yo lo que definí en mi función es simplemente cambiarle el nombre de la clase CSS a los inputs uno por uno, al tener una nueva clase definida le aplico sus estilos correspondientes. Espero haberme explicado.
@@albertogalindo5465 Gracias por tu pronta respuesta, voy a tratar de hacerlo e investigarlo mas a fondo, pero ya es una luz. gracias !!
@@CristianEmma22 Inténtalo y sino lo logras te comparto mi código por DM
como se hace para validar el type= email ?
buen video
Hola luis, muchas gracias por comentar, respecto a tu pregunta me gustaría ver tu código si no es molestia para poderte ayudar, en el problema que presentas con tu proyecto. Para eso te invito a que te unas a nuestro grupo de WhatsApp, que te estaré dejando por aquí el enlace : chat.whatsapp.com/Bq9yPZMPqZ3FNt8BRCbyi8, y puedas consultar cualquier problema con nosotros..
Saludos y Éxitos.
Que buena
Great work, appreciated
Muy bueno amigo, pero no lo puedo hacer con inputs type email
Messirvio
no me funciona, se queda activado el valid :(,
pero te queda genial
es porque tienes que ponerle "required a tus inputs o no funciona"
@@albertogalindo5465 me ayudaste bro
que raro amigo sigo todos tus pasos pero no me sale :c
ERROR : SI ME FUNCIONA :D
no me funciono pa por el position