CREA UN FORMULARIO DE INCIO DE SESION CON HTML Y CSS | Fácil y Rápido!
HTML-код
- Опубликовано: 17 окт 2024
- Te enseñare a crear un formulario de inicio de sesión usando únicamente HTML y CSS. Esta parte es Frontend, osea que trabajamos la parte de diseño e interfaz del usuario, algo muy importante en cualquier producto software. Asi que con este tutorial muy breve vamos a lograr aprender un poco de HTML Y css.
#fingertipssn #programacion #DesarrolloWeb
El día de hoy te traigo un video en donde
¡ADVERTECIA!:
ESTE VÍDEO ESTA HECHO ÚNICA Y EXCLUSIVAMENTE CON PROPÓSITOS EDUCATIVOS E INFORMATIVOS
NO OLVIDES SUSCRIBIRTE A MI CANAL PRINCIPAL BRO!
FingerTips SN: / @hackman.1
Si el vídeo te gusto, no te olvides de ayudarme con estas 3 cosas:
® SUSCRIBIRTE
® DARLE LIKE
® COMPARTIR
Síguenos en nuestras redes sociales:
📷 Instagram | / sergiomanuelle2
🟣 Twich | / fingertipssn (Directos Viernes y sabados)
📲 Facebook | www.facebook.c...
👾 Discord | / discord
🔔 Twiter | / fingertips_sn
🎶 TikTok | www.tiktok.com...
🔵 GitHub | github.com/Fin...
El uso justo, uso legítimo o uso razonable (fair use, en inglés) es un criterio jurisprudencial desarrollado en el sistema del derecho anglosajón el cual permite un uso limitado de material protegido por copyright sin necesitar permiso del dueño de dichos derechos, DE ESTA MANERA FINGERTIPS SN NO INFRINGE NINGUNA NORMA NI DERECHO DE AUTOR EN SUS VIDEOS.
Gracias por ver el vídeo, y sin mas que decir ni pedir, TE ESPERO EN UN PRÓXIMO VÍDEO!😀✌
Hasta La Próxima!✌
Copyright Disclaimer Under Section 107 of the Copyright Act 1976
"Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use."
----------------------------------------------------------------------------------------------------------------------------------------------------
aprender html,aprende css,frontend,diseño web,desarrollo web,formulario de login,formulario de registro,formulario de inicio de seesion,formulario con html y css,fingertips sn,programacion,programador
Continua aprendiendo 👇💻
◾ Programador VS Desarrollador VS Ingeniero: t.ly/8AT1
◾ Iceberg de los lenguajes de programacion: t.ly/Y6oJ
◾ Deep web VS Dark web: t.ly/P9cr
Tengo una duda bros. Voy iniciando en este mundo tan chingon de la programación. En donde vas observando lo que vas programando en este caso ese inicio de sesión???
@@georgemelgoza5814 hola lo vas observando en un navegador, puede ser crome, edge, Opera, o cualquier otro navegador que utilices
Bro sería jenial que isieras un curso en el celular Android de apps y programando con html
Bro ya nos enseñate los más importantes de inicio de cesión para crear una plataforma como Netflix
Pero tengo más dudas del siguiente paso
Que app usas?
.nombreUsuario input:focus ~ label,
.nombreUsuario input:valid ~ label{
top: -5px;
color: #6C3483;
transition: top 0.3s ease, color 0.3s ease;
}
Para los que tienen la misma duda de como hacer que los labels no tapen los datos de los inputs cuando bajen, busquen este fragmento en el codigo y suplantenlo por este a mi me funcionó saludos!
Gracias sos todo un crack
GRACIAAS
No me funco
chulada hermano, gracias
GRANDE!
Gracias por esa reflexión, porque muchas personas que nos dicen que debemos tener todo en la memoria. Para nosotros que somos principiante....
CIerto, yo la verdad estoy pasando un poco por eso y me cayo como anillo al dedo
muchisimas gracias queda bellisimo y se aprende muy bien la estructura sirve muchisimo para entender mejor como gestionar las eiquetas y codigos de verdad te pasaste
donde encuentro el repositorio del proyercto???
Muchas gracias, es un excelente video. Ahora para hacerlo funcional también con código o se necesita de un programa externo?
Me encanta el tono de voz que le pones al video!!!!! Además de la sinceridad de la ultima parte.
Te ganaste un suscriptor mas :)
Muchas gracias por esta labor, ayuda mucho!!!!!!
Sería genial que hicieras algunos cursos o vídeos explicando cada paso y cada cosa que usas para Crear formularios o páginas así
x2
esa reflexión, me encanto, gracias washo nuevo seguidor, sigue así.
donde lo puedo descargar?
cheto, gracias. Me salvaste para el parcial
estaba buscando un tutorial para mis prácticas pero me gustó la intro XDDDD
y como le hago si quiero que ese inicio de sesión me lleve a la página principal de algo??
ibamos bien hasta que dijo que no eran lenguaje d eprogrmaacion fail, tienen muy poco conocimiento hacerca de todas las funciones pero si fail que de informacion erronea pero debo reconocer que lo explica bien para gente que no sabe mucho de definiciones
hola tengo un problema estoy haciendo todo tal cual y los codigos de css no me carga los colores específicamente queda solo el codigo html como esta en el minuto 4:51
y solo me cambia el color a las letras
no entiendo como haces para abrir la pagina de inicio de sesión, se que es dando click derecho a algo y despues en view port pero no se donde poner click derecho
Salio bello🎉
nunca sufrí tanto en mi vida como lo he hecho con este tema
Excelente gracias
una duda bro, donde puedo encontrar el codigo del video?
creo que en el video esta, REVISA BIEN...
escribi tal cual el codigo de la animacion y no funciona algo estara mal?
una pregunta. como haces para que el div se vea, yo le pongo color y no se ve :(
se que llego tarde pero debes usar background-color
Una pregunta, cómo te encuentras en github??
Y donde esta el codigo de tu proyecto, no veo el link
NUNCA DEJAN ESO AYUDARIA MUCHO .
Yo también lo esperaba
2:24 Ahorita no me vas a entender ni vrgs
JAJAJAJAJAJAJAJA mi parte favorita
Muy bien explicado. Gracias!!
Gracias, me haz ayudado y enseñado mucho
Buenos dias, buen aporte, quisiera saber como hago para que al poner usuario y contraseña desaparezca usuario y contraseña de fondo, haber si me puedes responder por favor.
Despues de hacer click vuelven a regresar el label, no se puede hacer que se queden arriba?
eso quisiera saber yo
Cuando escribo letras en los cuadros de texto no se ven, son invisibles las letras, que falta o sobra para que se vean?
tienes los archivos en github?
10:00 no se si lo entendí mal, pero para mi eso que dijiste me parece un mal ejemplo, por que todo eso hay que aprenderlo de memoria, para poder hacerlo después y poner en práctica lo que supuestamente aprendiste.
Claro que no, en la programación la memoria es algo muy vano. Porque es demasiada información, es mejor entender lo que se ve que memorizarlo.
amigo no se pero para poder llamar el mundo de CSS con HTML con la etiqueta script no me da tuve que intentarlo con la etiqueta de link y rel, al dentro del head del HTML ¿Porque seria eso?
super gracias por este video
Excelentes video
la verdad que me encanto el video solo tengo un pequeño problema, al ya tener lista la pagina existe un "error" con las letras, donde dice Nombre de usuario y contraseña, en la animacion de subir dichas palabras e ingresar un nombre, si lo deseleccionamos o tocamos para poner una contraseña, la palabra Nombre de usuario se superpone sobre el nombre que allamos puesto, lo mismo sucede con la contraseña (Espero haberme explicado bien) existe alguna forma de que esto no pase?
Me pasa lo mismo pero he editado varias veces el codigo, si sabes la solucion por favor me lo dices pls
@@Shamuelpro_YT lo mismo digo lo he probado de varias maneras supuestamente la respuesta es la siguiente
cuando te refieres a tu input le tienes que poner :not(placeholder-shown)
@@haydendanielmicchiardipena6340
A mi también ya lo arreglaron?
En .username label puse color: rgba(0, 0, 0, 0.1); y el 0.1 le da transparencia
@@fernandobermeo3032 gracias me sirvio
Y para que no se baje el dato que se esta pidiendo al input?🤨
quede como Beethoven al inicio 100% de volumen
Gracias!
y como se hace funcional por que todos tienen videos de como hacerlo pero ninguno es funcional y es lo que necesito :/
se que es algo de tiempo pero sigo el codigo a pie de la letra pero no me queda igual :(
Yo tengo una duda que espero pueda ser repondida, i es que tengo que hacer para que al poner el username i la contraseña para poder acceder, he podido seguir los pasos pero lo que ha faltado a sido el poner lo del usuario i la contraseña i que sea funcional
Yo tengo una duda que espero pueda ser repondida, y es que tengo que hacer para que al poner el username y la contraseña para poder acceder, he podido seguir los pasos pero lo que ha faltado a sido el poner lo del usuario y la contraseña y que sea funcional*🤌
Hay codigos en Hithug? porque no lo puedo abrir
Github*😘
Buen vídeo amigo, Una pregunta se puede de alguna forma agregar este tipo de cambios a una pagina web por google site
Me gustaría saber lo mismo
Puedes explicar con mismo video como hacer que se queden los input:focus arriba cuando escriba algo espero que me puedas ayudar'
Lo resolviste?
BRO NO ME SALE, ALGO HIZO Y NO LO MENCIONO😕
Muchas Gracias
Saludos queria preguntar por el codigo donde esta? revise el repositorio y no esta.!!!
esta en el video amigo, SALUDOS!!
donde se encuentra el enlace a GitHub?
¿En las computadoras cuanticas funcionaran los lenguajes de programación de hoy en día ?
Existen lenguajes especiales para eso
@@ManuDev16 Como cuáles ? .
To piola pa
😎👌🏻
Buen vídeo!! Una consulta, cómo haces para visualizarlo en la parte derecha en el minuto 3:17 ??
Me gusta mucho este tipo de videos y espero se pueda hacer para crear una página web :)
Le das click derecho y en view port
@@ManuDev16 Gracias :)
Cómo hacer para que al momento de digitar la contraseña, te salga en modo "asterisco"? Muchas gracias
con el input tipo password
y luego le das estilo con css
hola amigo tendrias el codigo php para registrar datos en archivo txt
Muy buen video pero...donde puedo descargar ese codigo?
No entiendo xq no me aparece en el 5 esa parte del codigo
che soy el unico que entro en esto pensando que era facil y ahora no entiende una chota?
Tp deberías habrir tu pagina web. Y colcoar un apartado de programación de pyton, html y css basico a intermedio y otro donde sea programacion hacking
Es mi idea
Xd
Posdata para todos los que ya han completado un curso de hacking e informatica, con programación basica es una buena idea hacer un diccionario de funciones y practicas. Y otro de hacking con el lenguaje asi sd aprende a crear proyectos por cuenta de uno mismo y vulnerar sistemas e paginas(etc)
donde consigo esos cursos?:c
el repositorio ?
hola bro de pronto no tiene algún video donde le pones base de datos para que sea funcional porque la verdad eso es lo que necesito MUCHAS GRACIAS
todo quieres, aprende solo.
tenia a tope los audífonos y la antro me golpeo los oídos ajajaj
😶😶😶
yo buscando videos para aprender y alfina no entiendo😅
Donde está el código?
Como podria hacer que el submit de iniciar sesion me redireccione a otra pagina
en el minuto 6:34 cambia "contraseña" a "username" y ya funciona el boton de incio
@@garyvasquez9742 no sirve bro :(
No encontre como descargar el codigo, alguien me podria ayudar con eso
Estan excelentes tus videos pero deberias quitar las malas palabras
Cómo sería para que al presionar el botón de iniciar te mande a otra pagina
en el minuto 6:34 cambia "contraseña" a "username" y ya funciona el boton de incio
Aquí quede para seguir mañana, minuto 6:45
suertee!!!
Buen vídeo 😎👍
ese put@ intro alv, tenia mis audifonos en alto, me quede sordo
dejo like y sub , subiras mas videos asi ?
mis oidos con la intro :u
donde puedo descargar el codigo ayuyayayayayayaya
Esta generación de programadores todo es copiar y pegar...
Por cierto alguien sabe donde esta el código???
en fin la generacion de ahora...🖕
El link??
no hay nada en tu github :(
Me gustaria saber como hacer para que el boton de iniciar sea funcionable, alguien sabe como?
en el minuto 6:34 cambia "contraseña" a "username" y ya funciona el boton de incio
@@garyvasquez9742 , me ayúdaste con otra cosa con tu comentario gracias ❤❤❤❤
link del github?
la de escribir te la sabes?
Se debe tener conciencia, porque la mayoría de personas no saben que esta usted desarrollando y programando. Su titulo del vídeo esta raro, no es fácil y rápido para quien no tiene conocimiento en el mundo de programar HTML, CSS, C++ en fin.
Para usted si es fácil de expresar el titulo del video, así... No para personas sin conocimiento y explica muy rápido.
¿por qué alguien que no programa estaría haciendo un formulario con html y css? tu comentario es un completo sin sentido
@@tqnysharkExacto
podrias enviarme el codigo por favor
donde estan las linias
lineas*🤌
Algunos son profesores otro no tu caso es el no
habla desde su experiencia avanzada, se nota ya que busca tutoriales...
Yo soy hack
😎👌🏻
De cartón
Eres terrible para explicar
Hola dame tu correo y te contacto
ola 🗿👌
Dónde está el código??
A copiar como buen programador
@@BitHistorico😂
Si lo pusiera nadie se veria el video
Xd
En el video ajjaaj