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

[@danielhenao9218]

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

[@DanielRodriguez-ox4rb]

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...

[@the_ikero9077]

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]

Me alegro 😃

[@daniekmx]

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]

Me alegra saber que te ayudo. Saludos

[@k4osinf615]

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

[@anamariagallegoreyes8990]

Ana maria gayego reyes

[@anamariagallegoreyes8990]

Vedula 43 577 540

[@anamariagallegoreyes8990]

Celular 300 259 61 96

[@kapitan18-1]

@@anamariagallegoreyes8990 ??

[@adrielacernese3460]

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]

Wow me alegra saber que te sirvió Y saludos crack

[@mariocaceres6642]

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

[@miguelrivas3781]

Excelente video hermano. Estoy con un proyecto de .net y no quería usar bootstrap, soy un desastre en front. Me vino genial. Un saludo y gracias.

[@RogerNatividadDev]

Genial me da gusto que te servido. Saludos crack, 😊

[@valeritovar7801]

me encanto tu formulario ya lo logre aser me demore como 40 minutos quedo super genial gracias

[@RogerNatividadDev]

@@valeritovar7801 que bueno que sirvió. Saludos crack

[@alee.pe0621]

De los mejores cursos, muchas gracias 😊

[@RogerNatividadDev]

Me alegro que te aya servido

[@vanesacapera2343]

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

[@RogerNatividadDev]

Espero te aya ayudado.saludos

[@keiryrodriguez8404]

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

[@RogerNatividadDev]

Gracias 💪🏻

[@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 💪🏻

[@DanyBrown]

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]

[@isaacsilvera4357]

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

[@TONIRIBESGINESTAR]

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

[@RogerNatividadDev]

Me alegro que te aya servido. Saludos

[@julietamartinaalexandraoli5714]

Me encantó la explicación👏, fácil y corta👏. Pero estoy teniendo problemas para entender como conectar todo con la Base de Datos 🫤. ¿Alguien sabe de algún video en el que lo expliquen bien?

[@RogerNatividadDev]

Me alegro que te aya servido Ahí entra la parte haciendo

[@RogerNatividadDev]

La parte del backend

[@markoschavez8736]

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]

Que bien, saludos Crack

[@MatiasNahuelCorrea]

Muy bueno Roger! Abrazo desde Argentina!

[@RogerNatividadDev]

Saludos crack

[@josuecastillo6946]

Salvaste mi tarea y mi descanso para dormir hahah Gracias!

[@RogerNatividadDev]

Espero te aya servido

[@josuecastillo6946]

@@RogerNatividadDev Claro! Gracias

[@sergiorivero9545]

Loco, sos muy claro al explicar. Muchas gracias!

[@RogerNatividadDev]

De nada espero te aya servido. Sdls

[@mrhydra1855]

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

[@RogerNatividadDev]

Me alegra que te aya servido Saludos crack

[@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

[@maxigarrett3121]

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

[@Informatica-uy2zk]

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

[@maxigarrett3121]

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

[@jhonatanhurt]

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

[@RogerNatividadDev]

Me da gusto que te aya servido. Saludos crack

[@eloysrxd]

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

[@RogerNatividadDev]

En buena hora.

[@gustavoagramonhdez3746]

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

[@RogerNatividadDev]

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

[@pabel12]

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

[@RogerNatividadDev]

Me alegro que te aya servido. Saludos

[@ElFeFeRD]

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]

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]

@@RogerNatividadDev Muchas Gracias por la explicación

[@federicomarceloramirez6650]

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

[@RogerNatividadDev]

Me alegra que te aya servido Saludos crack

[@ROGERQUIROGACOLQUE]

No contestas ningun comentario pero le das like a todos WTF?

[@RogerNatividadDev]

Dime tu consulta.

[@ROGERQUIROGACOLQUE]

Ya di mi examen con ayuda de otro tutorial gracias de todas maneras

[@DieujilusDGS]

¡Hola! Cómo está? ¿Por favor cómo se registrar?

[@RogerNatividadDev]

Ahí entra la parte del backend Por ejemplo con php te conectas con BD de MySQL y lo guardas o puede enviar un correo con. Los datos de registro

[@yairsalinas4726]

@@ROGERQUIROGACOLQUE jajajaja este man

[@sursilicon6460]

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

[@RogerNatividadDev]

Me alegro que te aya servido.

[@julioromero1478]

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]

Saludos crack

[@reh.m3607]

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]

Me alegro que aya servidor. Saludos crack

[@emanuelmorales8415]

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

[@RogerNatividadDev]

De nada espero te aya servido

[@arnaldocolman6919]

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

[@RogerNatividadDev]

De nada crack

[@antoniorandisi3009]

Excelente aporte

[@jjylisto]

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

[@RogerNatividadDev]

Saludos.

[@francycajas1752]

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

[@RogerNatividadDev]

De nada crack cualiquier dudacosa inbox 💪🏻

[@arielmoron9968]

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 .

[@JeiRG]

Súper excélente.... Wooww tal y cual lo hiciste me quedo a mi... La verdad es una pregunta se necesita una carrera para poder tener un empleo de programación??

[@RogerNatividadDev]

Para trabajar como programador puedes aprender a punta de libros y tutoriales con mucha práctica. Hoy en día las industrias de software da a más prioridad al talento y capacidad de resolver problema.

[@xhain5696]

muy buen video RECOMENDADICIMO

[@RogerNatividadDev]

Gracias 😀

[@yolimamariagonzalezmontes4465]

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

[@RogerNatividadDev]

Gracias igualmente

[@carlossalas6685]

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

[@RogerNatividadDev]

Me alegro que te aya servido.

[@joseplayerone3053]

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

[@RogerNatividadDev]

Gracias saludos

[@amarrok8010]

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]

Saludos.!!

[@antonyorizzo1926]

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

[@amarrok8010]

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

[@The_MusicFFツ]

Bro muchas gracias sos el mejor loko

[@RogerNatividadDev]

Me alegro que te aya servido. Saludos crack

[@romanmelvillemontesanto197]

Muy bien vídeo. ¡Gracias!

[@RogerNatividadDev]

Saludos crack

[@Rosanime7w7]

Muy bueno tu video, pero seria mejor si dijeras para que sirve específicamente cada etiqueta

[@RogerNatividadDev]

Son etiquetas semánticas de HTML 5

[@rodrigonavarrete2000]

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]

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

[@esnorkyofficial]

ayyy, graciaaaaaas, no sabes cuanto me has ayudado

[@RogerNatividadDev]

Espero te aya servido.

[@Daniel-rq8pj]

gran video hermano gracias

[@RogerNatividadDev]

Gracias crack . saludos 🤗

[@voonsx]

Lo hiciste en sublime text o en que programa

[@RogerNatividadDev]

Hola ahi utilize el editor Atom. Saludos

[@K8LEONARDO]

gracias me gusto tu video

[@RogerNatividadDev]

Me alegro que te aya servido Saludos crack

[@stephaniabautista1361]

Mil gracias, un tutorial muy bien hecho :D

[@RogerNatividadDev]

Gracias espero te aya servido.

[@mauricioalexandercontreras5368]

Muchas gracias este tutorial es excelente.

[@RogerNatividadDev]

Me alegro que te aya servidor. Saludos

[@mont88]

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

[@RogerNatividadDev]

Me alegro que te haya servido.

[@ByIronMonkey]

*Excelente programa!* Una duda, como hago para que pueda mostrar los datos que se ingreso en el formulario?

[@RogerNatividadDev]

Tienes que usar algún lenguaje del backend por ejemplo PHP.

[@sixelareed]

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?

[@jhoanmanuelcarvajal9822]

Gracias compañero👏

[@RogerNatividadDev]

Saludos crack me gusto que te aya servido

[@emanueloliveros6491]

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]

Genial que te haya servido.

[@alexrehl173]

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

[@RogerNatividadDev]

Saludos 🤘

[@fcojavier7153]

Es curioso que copiándolo exactamente igual no sale. Creo que es por las dos primeras líneas de ,que al no tenerlas puestas y aplicar la hoja de estilos,no queda igual. Las filas del formulario son el ancho de la página y no sé cómo quitarlo :( Y otra cosa,si es un formulario por qué no pones la etiqueta ?

[@RogerNatividadDev]

Puedes ver el código fuente en un enlace de la descripción del vídeo

[@alan.sb1]

muy buen video graciassss. me sirvió una banda.

[@RogerNatividadDev]

Saludo crack

[@loriymanuz]

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

[@RogerNatividadDev]

Excelente échale ganas cada día.

[@diegfb2001]

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.

[@karincentenaro356]

buenisimo, gracias por compartir, tu cafecito acepta Mercado Pago argentina?

[@RogerNatividadDev]

Saludos bro

[@agustinfuentes8361]

Buen video exelente explicacion

[@angel2black245]

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]

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

[@angel2black245]

@@RogerNatividadDev gracias

[@ZEaulo]

Gracias, una pregunta la informacion insertada en el Formulario donde queda guardada? o donde la busco posteriormente?

[@RogerNatividadDev]

Hola de ahí sigue el paso del Backend para guardar los en dato con unas conexión a una BD

[@soporteintegra9794]

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

[@RogerNatividadDev]

Me alegra que te aya servidor. 😃

[@brendaperez7735]

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]

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

[@raulisaacgarciajimenez5126]

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

[@RogerNatividadDev]

Saludos crack

[@jalux9351]

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

[@RogerNatividadDev]

Gracias por tu apoyo

[@bryanmaltez8988]

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

[@RogerNatividadDev]

Gracias espero te aya ayudado.

[@joseluischalco1957]

bien capo, gracias muy ilustrativo

[@RogerNatividadDev]

Gracias. Saludos

[@danielgarrido3322]

grande crack, me sirvió mucho para practicar mi css

[@RogerNatividadDev]

De nada espero te aya servido.

[@jlgonza2282]

Gracias que buena explicación lo digite todo, para ir tomando experiencia, una pregunta, se puede hacer una plantilla maestra como se hace en PHP, y luego llamarla??

[@RogerNatividadDev]

Claro te refieres llamar con include o require en en PHP.

[@jlgonza2282]

@@RogerNatividadDev exacto algo así, para no repetir código, gracias

[@franciscovega6628]

Muy buen video, disculpa como puedo poner esa pantalla preview del codigo, o estas en pantalla dividida con el navegador ?

[@RogerNatividadDev]

Uso el editor Atom y la extensión HTML preview.

[@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

[@jairobaeza772]

excelente video

[@RogerNatividadDev]

De nada crack

[@doiracasanova1955]

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.

[@luciacebrian616]

Video salvador muchas gracias. Tengo una consulta, copie el registro tal cual como vos y el botón de registro me queda como chiquito y no largo. GRACIAS!!!1

[@RogerNatividadDev]

Me alegro que te sirvio.

[@pinolux21]

Muy bueno!!

[@RogerNatividadDev]

Gracias saludos crack

[@shel9951]

Uff.... hermano, no sabes como te agradezco que lo hayas subido a Githud. Una duda, ¿sabes como puedo hacer para almacenar la información que pongan los usuarios en el formulario? No tiene que ser algo muy complejo, solo quiero que esa opción sea funcional. Gracias.

[@RogerNatividadDev]

Que bueno que te aya servido, claro ahí viene la parte backend para guardar la data del formulario donde puedes guardar en una BD o enviarlo por correo al registrar los datos del formulario

[@shel9951]

@@RogerNatividadDev Ok, gracias por la info. Para poder ver estas páginas desde otros ordenadores tengo que descargar el códigos en ellas tambien, ¿no?. Porque solo puedo verla yo en mi ordenador. Claro, hablando de no usar dominio personalizado.

[@santiagomercado3843]

Excelente video, amigo como hago que el input de ingresar, me redireccione a otra página?

[@RogerNatividadDev]

Gracias !!!

[@RandomMusicFree]

Con la etiqueta y adentro de las comillas iría la dirección del archivo o enlace de otra pagina web

[@ramahhernandez7089]

Hola amigo estoy estudiando programación Me gustaría saber que programa utilizas y para que aparezca en un lado como va quedando

[@RogerNatividadDev]

Uso el editor Atom con el plugin HTML Preview Saludos crack

[@ramahhernandez7089]

@@RogerNatividadDev y como le hago para activar eso amigo ya tengo atom pero para hacer que se vea a lado como?

[@nicolasadrianramirezcardoz7810]

Increíble te has ganado un seguidor

[@RogerNatividadDev]

En hora buena

[@davidfragozo1983]

Necesitamos el tutorial de PHP y SQL! Urgente!!! Jajaja

[@RogerNatividadDev]

Lanzarse pronto un tutorial de registro con PHP y MySQL

[@juanjoseangulomesias1927]

Amigo, quiero colocar un input de tipo fecha, cómo le puedo cambiar el background?, ya que no se cambia, te agradecería

[@RogerNatividadDev]

Puedes usar pseudoelemebtos nuevos de CSS

[@ContableAsesor]

hola!! como esta, consulta como podria, luego enlazar para que al realizar el registro me lleve a la pagina o plataforma. y me llegue una noticacion de registro o algo asi.?

[@RogerNatividadDev]

Tendría que usa una base de datos con un lenguaje de servidor como PHP. Saludos

[@ContableAsesor]

@@RogerNatividadDev ahhh ya entiendo y esa parte lo que estoy perdido siempre.

[@RogerNatividadDev]

Ahí entra la parte de backend de lado del servidor

[@kevingonzalez4776]

Tengo una pregunta, como se guarda lo hecho de css para que aparezca en el formulario?

[@RogerNatividadDev]

Uso el editor Atom con el pulgón HTML-Preview

[@dcuellar24]

Excelente video!!! Podrías enseñarnos como hacer que funcione el formulario?

[@RogerNatividadDev]

Gracias se viene nuevos cursos

[@patriciagarcia5295]

@@RogerNatividadDev Es verdad nadie enseña como hacer para que funcione :(, es lo principal!!

[@JimmyEnd24073]

Good video...

[@giantman6810]

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í??

[@levantateygrita7734]

Gracias buen video solo una pregunta, que editor estás utilizando?

[@RogerNatividadDev]

Que bueno que te aya servido. El editor es Atom

[@marlonvr]

estimado buen día, excelente tutorial. Tengo una consulta, como se llama el plugin para simular el código en tiempo real, y si funciona para un programa en phython

[@antoniohuarcaya737]

Live server

[@ICKMATION]

Estoy en dreamweaver y no me sale. Qué programa dijiste que usabas?

[@RogerNatividadDev]

Hola en ese tutorial uso el editor Atom Saludos crack

[@nicolopez2790]

Muchas gracias, muy buena explicación pero... Qué programa utilizaste?

[@RogerNatividadDev]

Utilize el editor Atom. Saludos

[@Juan-pm5xp]

Como haces los multicursores 3:13?

[@RogerNatividadDev]

Ahí le das click sin soltar la tecla control

[@jhonbedoya1597]

excelente compa, ¿tienes algo sencillo, digamos en la barra de navegacion aparece una funcion digamos "monitorizar", como le hago para que necesariamente al usuario darle ahi, primero pida login para luego si, pasar a la pantalla de "monitorizar", tienes algo asi, usando html y css?

[@RogerNatividadDev]

Gracias bro más adelante subiré videos