Crear un Formulario de Registro con HTML y CSS - Desarrollo Web

Подписаться 17 тыс.

Просмотров 490 тыс.

50% 1

Hola amigos, en este vídeo les mostrare como crear un simple y sencillo #formulario #de #Registro usando puramante #HTML y #CSS, y veremos que están sencillo crearlo.
Apoyame para un café ☕:
-----------------------------------
www.paypal.com/paypalme/roger...
Código Fuente:
-----------------------
github.com/RogerNatividad/Cre...
Sígueme en las redes:
-------------------------------------
📰Blog: rogernatividad.dev
📷Instagram: / rogernatividad.dev
📑Facebook: / rogernatividad.dev
🐦Twitter: / rogernatividad.dev
👨‍💼LinkedIn:

Наука

Опубликовано:

24 май 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 728

@danielhenao9218 2 года назад

Yo uso siempre el Visual studio code, es bastante sencillo y la explicación es muy certera, Muchas gracias.

@daniekmx 4 года назад

Excelente video, muchas muchas gracias. Por muchos años habia dejado esas ganas de aprender a programar y ahora que aprendi Javascript ando con hambre de mas conocimientos y videos como este me son magníficos para seguir.

@RogerNatividadDev 3 года назад

Me alegra saber que te ayudo. Saludos

@mariocaceres6642 7 месяцев назад

Excelente tu explicación Roger, prestar atencion para no perderse de nada porque va a velocidad media pero eres claro conciso y ameno. gracias ya me suscribi a tu canal voy a curiosear que otras cosas interesantes hay por ahi

@keiryrodriguez8404 3 года назад

Increíble explicación :) mil respetos, ahora entiendo todo, muchas gracias :3

@RogerNatividadDev 3 года назад

Gracias 💪🏻

@the_ikero9077 2 года назад

Me acabas de alegrar el día, aprendo mejor de ti que de mi profesor que tú vas calmado y lo explicas mejor XDDD Muchas gracias

@RogerNatividadDev 2 года назад

Me alegro 😃

@k4osinf615 4 года назад

Gracias por contribuir al conocimiento gratuito. Las mejores energías donde quieras que estés.

@anamariagallegoreyes8990 4 года назад

Ana maria gayego reyes

@anamariagallegoreyes8990 4 года назад

Vedula 43 577 540

@anamariagallegoreyes8990 4 года назад

Celular 300 259 61 96

@jos3509 3 года назад

@@anamariagallegoreyes8990 ??

@TONIRIBESGINESTAR 3 года назад

Acabo de hacer un practica con ejemplo. Gracias por tu ayuda, me ha valido mucho. Muy clara la explicacion. Saludos desde España

@RogerNatividadDev 3 года назад

Me alegro que te aya servido. Saludos

@vanesacapera2343 3 года назад

muchas graciassss!!!!!! dure buscando un video donde en realidad me ayudara y lo encontré y pude hacer mi actividad

@RogerNatividadDev 3 года назад

Espero te aya ayudado.saludos

@emanuelmorales8415 4 года назад

Muchas gracias hermano, eres el único que me ha ayudado a usar las hojas de estilo

@RogerNatividadDev 3 года назад

De nada espero te aya servido

@reh.m3607 2 года назад

Muchas gracias tu video me ha ayudado mucho a como hacer un menu bonito siempre me quedaban horribles gracias a ti aprendi una manera nueva!

@RogerNatividadDev 2 года назад

Me alegro que aya servidor. Saludos crack

@sursilicon6460 2 года назад

Excelente tutorial!!! mil gracias, no te imaginas cuánto me ayudó.

@RogerNatividadDev 2 года назад

Me alegro que te aya servido.

@juanma_23 3 года назад

MUCHAS GRACIAS! Aunque no queria hacer un formulario me has enseñado a darle estilo a un archivo HTML.

@RogerNatividadDev 3 года назад

Me alegra saber que te a ayudado.

@aaroncm545 Год назад

y entonces pa que entras en video que pone claramente que va a hacer un formulario pelotudo?

@stephaniabautista1361 3 года назад

Mil gracias, un tutorial muy bien hecho :D

@RogerNatividadDev 3 года назад

Gracias espero te aya servido.

@loriymanuz 2 года назад

excelente tutorial muy buenos haces que cada dia me guste mas la programacion...

@RogerNatividadDev 2 года назад

Excelente échale ganas cada día.

@jhonatanhurt Год назад

Millón de gracias Roger, me fue muy útil. Graciaaaas

@RogerNatividadDev Год назад

Me da gusto que te aya servido. Saludos crack

@yolimamariagonzalezmontes4465 2 года назад

Excelente explicación, muchas gracias. Bendiciones para usted.

@RogerNatividadDev 2 года назад

Gracias igualmente

@carlossalas6685 2 года назад

Muchas gracias por tu explicación, todo queda más claro. Me suscribo:D

@RogerNatividadDev 2 года назад

Me alegro que te aya servido.

@mrhydra1855 5 месяцев назад

Te agradezco muchisimo el video me has ayudado a darle el toque que le faltaba a mi proyecto de clase

@RogerNatividadDev 5 месяцев назад

Me alegra que te aya servido Saludos crack

@sergiorivero9545 2 года назад

Loco, sos muy claro al explicar. Muchas gracias!

@RogerNatividadDev 2 года назад

De nada espero te aya servido. Sdls

@francycajas1752 2 года назад

Excelente video, ahora entiendo mucho mejor estilos css, gracias 📍

@RogerNatividadDev 2 года назад

De nada crack cualiquier dudacosa inbox 💪🏻

@federicomarceloramirez6650 Год назад

Muchas gracias por este video tutorial. Me ayudo mucho. Un abrazo!

@RogerNatividadDev Год назад

Me alegra que te aya servido Saludos crack

@soporteintegra9794 2 года назад

Un excelente tutorial me ayudo mucho con unas ideas que aun no acomodaba para la pagina que estoy desarrollando

@RogerNatividadDev 2 года назад

Me alegra que te aya servidor. 😃

@mont88 2 года назад

Muchas gracias por el video! me quedó un bonito formulario gracias a ti :)

@RogerNatividadDev 2 года назад

Me alegro que te haya servido.

@adrielacernese3460 9 месяцев назад

Gracias por el contenido, se agradece, gracias a esto pude hacer el formulario para la fiesta de mi futuro hijo estoy muy contento de esto porque esta embarazada mi mujer, mi hermana me agradece por poder hacerle este formulario

@RogerNatividadDev 9 месяцев назад

Wow me alegra saber que te sirvió Y saludos crack

@joseplayerone3053 2 года назад

Gracias mi bro, sos el mejor... espero que la estés pasando bien donde quieras que estés. UwU

@RogerNatividadDev 2 года назад

Gracias saludos

@alexrehl173 3 года назад

Que eres grande amigo! me ayudaste para una exposición jajja, te ganaste un suscriptor.

@RogerNatividadDev 3 года назад

Saludos 🤘

@gustavoagramonhdez3746 9 месяцев назад

Hola Roger!!! muy buen tutorial!!!! Apenas entrado al mundo de la programación html. Saludos

@RogerNatividadDev 9 месяцев назад

Hola estimado Me alegro que te aya servido saludos crack 👍🏻

@antoniorandisi3009 2 года назад

Excelente aporte

@esnorkyofficial 3 года назад

ayyy, graciaaaaaas, no sabes cuanto me has ayudado

@RogerNatividadDev 3 года назад

Espero te aya servido.

@arnaldocolman6919 2 года назад

Diooos muchísimas gracias hoy tengo prueba y me salvaste muchísimo gracias crack

@RogerNatividadDev 2 года назад

De nada crack

@DanielRodriguez-ox4rb 2 года назад

Creo que seria correcto que este dentro de la etiqueta

@kevin-elgameryt Месяц назад

SI, he la he cambiado y me ha funcionado,no se si tiene algo que ver...

@MatiasNahuelCorrea Год назад

Muy bueno Roger! Abrazo desde Argentina!

@RogerNatividadDev Год назад

Saludos crack

@jalux9351 3 года назад

Gracias te lo agradesco muchisimo. Un suscriptor nuevo y like nuevo

@RogerNatividadDev 3 года назад

Gracias por tu apoyo

@agustinfuentes8361 2 года назад

Buen video exelente explicacion

@mauricioalexandercontreras5368 3 года назад

Muchas gracias este tutorial es excelente.

@RogerNatividadDev 3 года назад

Me alegro que te aya servidor. Saludos

@romanmelvillemontesanto197 Год назад

Muy bien vídeo. ¡Gracias!

@RogerNatividadDev Год назад

Saludos crack

@alan.sb1 2 года назад

muy buen video graciassss. me sirvió una banda.

@RogerNatividadDev 2 года назад

Saludo crack

@rodrigonavarrete2000 2 года назад

Excelente forma de explixar, muy bueno. Lo que si no me deja modificar el botón de Registro a pesar de que el código está tal cual, pero lo revisaré.

@rodrigonavarrete2000 2 года назад

En la hoja de estilos y al momento de modificar el botón de registro puse registRer en vez de register. Ahi pude solucionarlo.

@diegfb2001 2 года назад

Tengo que hacer un TP y acá ando jeje, me surge la duda de por qué tu formulario con está contenido en una etiqueta form (tambien se una un fieldset, pero creo que es solo estético), pros y contras de esto? Saludos.

@arielmoron9968 11 месяцев назад

Muy buen post.. Gracias . Te puedo hacer una consulta, quiero hacer un formulario para recopilar información que tenga varios pasos . Osea cuando llenen una hoja y den en siguiente aparezca la hoja número 2 y así sucesivamente. Como debería hacer ese código. Muchas gracias .

@Daniel-rq8pj 3 месяца назад

gran video hermano gracias

@RogerNatividadDev 3 месяца назад

Gracias crack . saludos 🤗

@pabel12 3 года назад

Me salvaste para entregar un trabajo para un curso.gracias!!

@RogerNatividadDev 3 года назад

Me alegro que te aya servido. Saludos

@jjylisto 3 года назад

Excelente, felicitaciones, lo hice, ahora tratare de linkearlo a un botón que diga contactos

@RogerNatividadDev 3 года назад

Saludos.

@DanyBrown 2 года назад

Donde se almacenan los datos del registro? Si tienes un video que muestre como enlazarlo a una base de datos sencilla, digamos en excel o convertirlos en un archivo .csv, sería genial. Gracias.

@lucelisbabilonia8793 2 года назад

@isaacsilvera4357 Год назад

@@marlonyoelesteban3791 has un vídeo de eso que no entendí bien.

@xhain5696 2 года назад

muy buen video RECOMENDADICIMO

@RogerNatividadDev 2 года назад

Gracias 😀

@K8LEONARDO 2 месяца назад

gracias me gusto tu video

@RogerNatividadDev 2 месяца назад

Me alegro que te aya servido Saludos crack

@patricionicolasregueira4164 3 года назад

Hola como estas?, antes que nada, muy buen video, estoy comenzando con esto del desarrollo web, ya se html avanzado, me faltaría alguna que otra cosita que iré viendo sobre la marcha. La consulta es la siguiente: hice todo al pie de la letra, pero en la parte del código donde va la siguiente lineal no me deja colocar el "a:hover",me aparece el "hover" en blanco, que podría ser?. Gracias y saludos! .form-register a:hover { color: white; text-decoration: underline; }

@eloysrxd 2 года назад

Sin necesidad de saber css terminé mi proyecto. Gracias!! 🤩

@RogerNatividadDev 2 года назад

En buena hora.

@diegomartin7852 Год назад

quería practicar y me quedo muy fachero el formulario , le da otra onda poner un checkbox al ladito de los términos y condiciones

@RogerNatividadDev Год назад

Hola puedes guiarte del enlace en la descripción

@diegomartin7852 Год назад

@@RogerNatividadDev es que ya lo había hecho sin mirarlo xd

@josuecastillo6946 3 года назад

Salvaste mi tarea y mi descanso para dormir hahah Gracias!

@RogerNatividadDev 3 года назад

Espero te aya servido

@josuecastillo6946 3 года назад

@@RogerNatividadDev Claro! Gracias

@danielgarrido3322 2 года назад

grande crack, me sirvió mucho para practicar mi css

@RogerNatividadDev 2 года назад

De nada espero te aya servido.

@Al_Rojasnz 4 года назад

Gracias Amigo¡¡ Eres un CRACK¡

@RogerNatividadDev 4 года назад

Muchas gracias!!

@FRANCODEANDREA 3 года назад

Genial!

@jhonmontoya5135 3 года назад

Muchas gracias bro!

@joseluischalco1957 3 года назад

bien capo, gracias muy ilustrativo

@RogerNatividadDev 3 года назад

Gracias. Saludos

@brendaperez7735 2 года назад

simple y sencillo, apenas voy empezando en este mundo de la programación, seguí este video para hacer mi tarea, y me salió, gracias. Aunque al principio me comí algunas letras. Genial, amigo, sigue así. Una duda, ¿cómo descargo esa extensión que usas para ir visualizando todo lo que vas realizando?, me serviría mucho para aprender para qué sirve cada código :)

@RogerNatividadDev 2 года назад

Me alegro que te aya servido, Uso la extensión HTML-Preview y el editor Atom. Saludos

@bryanmaltez8988 4 года назад

Es a la fecha de hoy y agradezco este video!! llegue tarde :)

@RogerNatividadDev 4 года назад

Gracias espero te aya ayudado.

@markoschavez8736 6 месяцев назад

muchas gracias, yo le añadi un par de cosas mas en css, pero hasta el registro de google es mas simple, quizas lo minimalista sea mejor 🤔

@RogerNatividadDev 6 месяцев назад

Que bien, saludos Crack

@NayiRB Год назад

un crack bro muchas gracias

@RogerNatividadDev Год назад

Saludos crack

@BriamCraft Год назад

lo que mi profe no pudo en 2 semanas él lo hiso en 11 mnts GRANDEE!!

@RogerNatividadDev Год назад

Gracias crack espero te aya servido Crack 💪🏻

@jhoanmanuelcarvajal9822 4 месяца назад

Gracias compañero👏

@RogerNatividadDev 4 месяца назад

Saludos crack me gusto que te aya servido

@edwarZEDV 2 года назад

muchísimas gracias!!!!

@RogerNatividadDev 2 года назад

Me alegra te aya servido

@TheGamecode-ed5dg 6 месяцев назад

Muchas gracias, me ayudo mucho n.n

@RogerNatividadDev 6 месяцев назад

Me alegro que te aya servido Saludos crack

@pinolux21 Год назад

Muy bueno!!

@RogerNatividadDev Год назад

Gracias saludos crack

@manuelruiz7031 2 года назад

Excelente

@JimmyEnd24073 2 года назад

Good video...

@subdelegacionlavega971 3 года назад

Gracias excelente Amigo

@RogerNatividadDev 3 года назад

De nada espero te aya servido

@amarrok8010 3 года назад

GRACIAS!! estoy aprendiendo y tenía trabajo para hacer una página pero tenía formulario y no sabía como hacer el sombreado jajaja , lo único diferentes es que en ves de correo son en calendario (help)

@RogerNatividadDev 3 года назад

Saludos.!!

@antonyorizzo1926 3 года назад

el sombreado es algo facil yo tambien estoy aprendiendo pero si no me olvido se utiliza el box-shadow creo

@amarrok8010 3 года назад

@@antonyorizzo1926 ah ya pasó eso.. ya ahora las hago con javascript y ahora me salen bonitas jaja

@chrisunlock 4 года назад

Hermano !! Muchas Gracias

@RogerNatividadDev 4 года назад

espero te aya servido. Saludos.

@davidalejandroballen4223 2 года назад

Muchas gracias me ayudaste

@RogerNatividadDev 2 года назад

Me alegra que te haya servido.

@julioromero1478 2 года назад

Bueno como tu me ayudaste, yo te ayudare. Existe un filtro para micrófonos que se llama filtro anti pop son súper baratos y lo pillas en cualquier tienda de electrónica para que no sature tanto tu micrófono.

@RogerNatividadDev 2 года назад

Saludos crack

@raulisaacgarciajimenez5126 2 года назад

Podrías hacer un video de como enlazarla a un login , te lo agradecería mucho. Excelente video muy practico.

@RogerNatividadDev 2 года назад

Saludos crack

@maxigarrett3121 4 года назад

Para darle estilo al paceholder sería: .controls::placeholder { Color:white }

@Informatica-uy2zk 3 года назад

No amigo seria solo .controls { Color:white } ya que hay estas asignando el color solo de la letra

@maxigarrett3121 3 года назад

@@Informatica-uy2zk Yo lo hice asi y anda solo al color del placeholder

@nicolasadrianramirezcardoz7810 2 года назад

Increíble te has ganado un seguidor

@RogerNatividadDev 2 года назад

En hora buena

@JtmusicRecords 2 года назад

Me ayudo mucho agradecido

@RogerNatividadDev 2 года назад

Saludos

@jairobaeza772 2 года назад

excelente video

@RogerNatividadDev 2 года назад

De nada crack

@sixelareed 2 года назад

Perfecto, es un hermoso formulario, por qué el mío no se ve así? Es broma, solo cambié algunas cosas, tienes algún vídeo en el cual expliques como hacer para cuando llenes el formulario la información se almacene en una base de datos?

@omarariasgutierrez2095 Год назад

Gracias me salvaste😍

@RogerNatividadDev Год назад

Me alegro que aya servido. Saludos crack

@emanueloliveros6491 2 года назад

gracias por el video explicativo mi pana, me quedo un poco "atravesada" la pagina como decimos acá en la region caribe colombiana, pero se ve bien, adapte el código para un trabajo.

@RogerNatividadDev 2 года назад

Genial que te haya servido.

@josephyerkohuayllanitola4604 2 года назад

Gracias bro me salvaste

@RogerNatividadDev 2 года назад

Me alegro que te aya servido.

@leiderjohanposadaagudelo70 2 года назад

gracias bro

@manuelguiga8702 3 года назад

Muchas gracias.

@RogerNatividadDev 3 года назад

Espero te aya servido

@albertosakoda633 Год назад

Hola, gracias por el tutorial, te quisiera preguntar qué función cumplen los id que están dentro del input? Se pueden utilizar como identificadores con css? Espero que puedas contestar

@RogerNatividadDev Год назад

Si así es como identificador de CSS y tmb para JavaScript y poder acceder y manipular su DOM

@emmanuelareizaperez5332 2 года назад

Muy buena ficha

@mauropachecocanchari1758 2 года назад

esta piola

@doiracasanova1955 2 года назад

Hola, no sé de programación, pero quiero agregar a mi blog un botón para que las personas al presionarlo se les agregué la página a la pantalla de inicio de su cel . Entonces quiero saber cuál es la línea de texto para pegarla en el editor HTML de mi blog.

@erik190207 2 года назад

Gracias, mucha practica mi gente

@kkroto523 2 года назад

Ufff quedó muy bien

@RogerNatividadDev 2 года назад

Gracias

@giantman6810 3 года назад

Oye disculpa yo tengo que hacer uno igualito pero con la opción de que venga que le piques a un botón para aceptar terminos y condiciones y otra es que cuando no rellene uno de los campos me aparezca error no llenaste tal campo no tienes un vídeo así??

@valerobenavides1378 3 года назад

Buen vídeo!

@RogerNatividadDev 3 года назад

Gracias espero te aya servidor

@ElFeFeRD 9 месяцев назад

Excelente video, muchas gracias por la explicación, aunque tengo una pequeña duda, cual es la diferencia entre div y section? que no la puedo comprender

@RogerNatividadDev 9 месяцев назад

Que bueno que le aya gustado el video La diferencia es que la etiqueta div no significa nada solo para layout En cambio section hace referencia a una sección de contenidos ósea sobre un artículo o post es semántico en la versión. HTML5

@ElFeFeRD 9 месяцев назад

@@RogerNatividadDev Muchas Gracias por la explicación

@chevyhernandez7873 4 года назад

Hola...se puede crear un formulario para registrar clientes para un taller mecánico

@gabrielaromero2809 3 года назад

muy practico...

@RogerNatividadDev 3 года назад

Espero te aya servido. Saludos

@cesareliteranhuaman1862 3 года назад

Saludos, una pregunta, usas alguna extensión para visualizar los cambios en tu código en tiempo real ? yo uso Microsoft Visual Studio

@RogerNatividadDev 3 года назад

Yo uso Atom con el plugin HTML-Preview

@keyvinbeckham2384 3 года назад

cada plataforma de programacion tiene su codigos diferente por lo menos yo tambien utilizo Microsoft Visual y te dice en tiempo real como esta el funcionamiento

@santiagoolivera1036 2 года назад

Para visual studio esta live server

@oscar8677 4 года назад

Un gran tutorial amigo.

@RogerNatividadDev 3 года назад

Gracias espero te aya servido

@rodolfoagustinrodriguez4787 3 года назад

Gracias Amigo !

@RogerNatividadDev 3 года назад

De nada.💪

@Terrero_Tv_Show 3 года назад

excelente bro

@RogerNatividadDev 3 года назад

Gracias estimado

@angel2black245 2 года назад

Buenas noches el diseño quedo bien, pero en mi punto de vista lo hubieras metido los datos en la etiqueta form y hacer una mención del envió de los datos por algún método. Mi duda si es necesario usar la etiqueta label para este formulario. Además no se si se complementaria este con otro formulario 2, pues hacen falta varias etiqueta(input). Saludos.

@RogerNatividadDev 2 года назад

Correcto ahí para capturar datos y procesar por el backend ahí si usas lo que comentas

@angel2black245 2 года назад

@@RogerNatividadDev gracias