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

Поділитися
Вставка
  • Опубліковано 8 вер 2024
  • 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...
    Código Fuente:
    -----------------------
    github.com/Rog...
    Sígueme en las redes:
    -------------------------------------
    📰Blog: rogernatividad...
    📷Instagram: / rogernatividad.dev
    📑Facebook: / rogernatividad.dev
    🐦Twitter: / rogernatividad.dev
    👨‍💼LinkedIn:

КОМЕНТАРІ • 739

  • @danielhenao9218
    @danielhenao9218 2 роки тому +55

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

  • @the_ikero9077
    @the_ikero9077 2 роки тому +8

    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

  • @DanielRodriguez-ox4rb
    @DanielRodriguez-ox4rb 2 роки тому +7

    Creo que seria correcto que este dentro de la etiqueta

    • @kevin-elgameryt
      @kevin-elgameryt 4 місяці тому

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

  • @k4osinf615
    @k4osinf615 4 роки тому +6

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

  • @adrielacernese3460
    @adrielacernese3460 Рік тому +1

    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

  • @daniekmx
    @daniekmx 4 роки тому +8

    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.

  • @keiryrodriguez8404
    @keiryrodriguez8404 3 роки тому +23

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

  • @valeritovar7801
    @valeritovar7801 Місяць тому +1

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

    • @RogerNatividadDev
      @RogerNatividadDev  Місяць тому

      @@valeritovar7801 que bueno que sirvió. Saludos crack

  • @miguelrivas3781
    @miguelrivas3781 2 місяці тому +1

    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
      @RogerNatividadDev  2 місяці тому

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

  • @vanesacapera2343
    @vanesacapera2343 3 роки тому +2

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

  • @mariocaceres6642
    @mariocaceres6642 10 місяців тому +3

    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

  • @alee.pe0621
    @alee.pe0621 Місяць тому

    De los mejores cursos, muchas gracias 😊

  • @markoschavez8736
    @markoschavez8736 9 місяців тому +1

    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 🤔

  • @maxigarrett3121
    @maxigarrett3121 4 роки тому +10

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

    • @Informatica-uy2zk
      @Informatica-uy2zk 4 роки тому

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

    • @maxigarrett3121
      @maxigarrett3121 4 роки тому

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

  • @DanyBrown
    @DanyBrown 3 роки тому +50

    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.

  • @TONIRIBESGINESTAR
    @TONIRIBESGINESTAR 3 роки тому +1

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

  • @BriamCraft
    @BriamCraft Рік тому +2

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

  • @josuecastillo6946
    @josuecastillo6946 3 роки тому +3

    Salvaste mi tarea y mi descanso para dormir hahah Gracias!

  • @gustavoagramonhdez3746
    @gustavoagramonhdez3746 Рік тому +1

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

    • @RogerNatividadDev
      @RogerNatividadDev  Рік тому

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

  • @eloysrxd
    @eloysrxd 2 роки тому

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

  • @diegomartin7852
    @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
      @RogerNatividadDev  Рік тому +1

      Hola puedes guiarte del enlace en la descripción

    • @diegomartin7852
      @diegomartin7852 Рік тому

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

  • @juanma_23
    @juanma_23 4 роки тому +1

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

    • @RogerNatividadDev
      @RogerNatividadDev  4 роки тому +1

      Me alegra saber que te a ayudado.

    • @aaroncm545
      @aaroncm545 Рік тому +1

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

  • @reh.m3607
    @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!

  • @sursilicon6460
    @sursilicon6460 2 роки тому +2

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

  • @amarrok8010
    @amarrok8010 3 роки тому +2

    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
      @RogerNatividadDev  3 роки тому

      Saludos.!!

    • @antonyorizzo1926
      @antonyorizzo1926 3 роки тому +1

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

    • @amarrok8010
      @amarrok8010 3 роки тому

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

  • @K8LEONARDO
    @K8LEONARDO 5 місяців тому +1

    gracias me gusto tu video

  • @emanuelmorales8415
    @emanuelmorales8415 4 роки тому +5

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

  • @mrhydra1855
    @mrhydra1855 8 місяців тому

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

  • @Daniel-rq8pj
    @Daniel-rq8pj 6 місяців тому +1

    gran video hermano gracias

  • @jjylisto
    @jjylisto 3 роки тому

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

  • @antoniorandisi3009
    @antoniorandisi3009 2 роки тому +1

    Excelente aporte

  • @pabel12
    @pabel12 3 роки тому

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

  • @agustinfuentes8361
    @agustinfuentes8361 2 роки тому +2

    Buen video exelente explicacion

  • @francycajas1752
    @francycajas1752 2 роки тому +1

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

  • @stephaniabautista1361
    @stephaniabautista1361 3 роки тому +6

    Mil gracias, un tutorial muy bien hecho :D

  • @mauricioalexandercontreras5368
    @mauricioalexandercontreras5368 3 роки тому +2

    Muchas gracias este tutorial es excelente.

  • @julioromero1478
    @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.

  • @user-wl8cw7pt5c
    @user-wl8cw7pt5c Місяць тому +1

    Bro muchas gracias sos el mejor loko

  • @raulisaacgarciajimenez5126
    @raulisaacgarciajimenez5126 2 роки тому +3

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

  • @carlossalas6685
    @carlossalas6685 3 роки тому +1

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

  • @emanueloliveros6491
    @emanueloliveros6491 2 роки тому +1

    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.

  • @yolimamariagonzalezmontes4465
    @yolimamariagonzalezmontes4465 3 роки тому

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

  • @federicomarceloramirez6650
    @federicomarceloramirez6650 Рік тому

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

  • @sergiorivero9545
    @sergiorivero9545 2 роки тому

    Loco, sos muy claro al explicar. Muchas gracias!

  • @jhonatanhurt
    @jhonatanhurt Рік тому

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

  • @arnaldocolman6919
    @arnaldocolman6919 2 роки тому

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

  • @rodrigonavarrete2000
    @rodrigonavarrete2000 3 роки тому

    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
      @rodrigonavarrete2000 3 роки тому

      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
    @esnorkyofficial 4 роки тому +6

    ayyy, graciaaaaaas, no sabes cuanto me has ayudado

  • @soporteintegra9794
    @soporteintegra9794 3 роки тому

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

  • @joseplayerone3053
    @joseplayerone3053 2 роки тому

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

  • @loriymanuz
    @loriymanuz 3 роки тому

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

  • @sixelareed
    @sixelareed 2 роки тому +3

    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
    @jhoanmanuelcarvajal9822 7 місяців тому

    Gracias compañero👏

  • @MatiasNahuelCorrea
    @MatiasNahuelCorrea 2 роки тому

    Muy bueno Roger! Abrazo desde Argentina!

  • @mont88
    @mont88 2 роки тому

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

  • @Rosanime7w7
    @Rosanime7w7 3 місяці тому

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

  • @alexrehl173
    @alexrehl173 3 роки тому

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

  • @dcuellar24
    @dcuellar24 4 роки тому +2

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

    • @RogerNatividadDev
      @RogerNatividadDev  4 роки тому +1

      Gracias se viene nuevos cursos

    • @patriciagarcia5295
      @patriciagarcia5295 3 роки тому

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

  • @romanmelvillemontesanto197
    @romanmelvillemontesanto197 2 роки тому

    Muy bien vídeo.
    ¡Gracias!

  • @JimmyEnd24073
    @JimmyEnd24073 2 роки тому

    Good video...

  • @brendaperez7735
    @brendaperez7735 2 роки тому +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
      @RogerNatividadDev  2 роки тому +1

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

  • @xhain5696
    @xhain5696 2 роки тому

    muy buen video RECOMENDADICIMO

  • @ernestodanielponcehernande4533
    @ernestodanielponcehernande4533 2 роки тому

    gracias !!!!!!!!!!!!!!!!!gracias !!!!!!!!!!!!!!!!!gracias !!!!!!!!!!!!!!!!!gracias !!!!!!!!!!!!!!!!!gracias !!!!!!!!!!!!!!!!!gracias !!!!!!!!!!!!!!!!!gracias !!!!!!!!!!!!!!!!!gracias !!!!!!!!!!!!!!!!!

  • @joseluischalco1957
    @joseluischalco1957 3 роки тому

    bien capo, gracias muy ilustrativo

  • @danielgarrido3322
    @danielgarrido3322 3 роки тому

    grande crack, me sirvió mucho para practicar mi css

  • @jalux9351
    @jalux9351 3 роки тому

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

  • @JeiRG
    @JeiRG 4 роки тому +3

    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
      @RogerNatividadDev  4 роки тому +6

      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.

  • @jairobaeza772
    @jairobaeza772 2 роки тому

    excelente video

  • @pinolux21
    @pinolux21 Рік тому

    Muy bueno!!

  • @alan.sb1
    @alan.sb1 2 роки тому

    muy buen video graciassss. me sirvió una banda.

  • @bryanmaltez8988
    @bryanmaltez8988 4 роки тому +2

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

  • @TheGamecode-ed5dg
    @TheGamecode-ed5dg 9 місяців тому

    Muchas gracias, me ayudo mucho n.n

  • @arielmoron9968
    @arielmoron9968 Рік тому +1

    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 .

  • @cristiananacona4244
    @cristiananacona4244 3 роки тому +1

    MUY BIEN VIDEO ME AYUDO CON MI PAGINA❤️

  • @edwarZEDV
    @edwarZEDV 2 роки тому

    muchísimas gracias!!!!

  • @jonathanvazquez5606
    @jonathanvazquez5606 3 роки тому +8

    Hola, como lo vinculo a una Base de Datos?

    • @RogerNatividadDev
      @RogerNatividadDev  3 роки тому

      Tienes que usar un lenguaje de back-end con un gestor como MySQL

  • @tecnomasters4070
    @tecnomasters4070 4 роки тому +2

    Tengo un problema cuando llegue a la parte de botons esa parte no me la acepta osea que cuando le empiezo a meter los estilos a esa seccion cuando aplico los cambios no me los agarra

    • @vemccc
      @vemccc 3 роки тому +1

      me paso, no se como solucionarlo uso visual studio code y no se que pasa

  • @NayiRB
    @NayiRB Рік тому

    un crack bro muchas gracias

  • @davidalejandroballen4223
    @davidalejandroballen4223 2 роки тому

    Muchas gracias me ayudaste

  • @JtmusicRecords
    @JtmusicRecords 2 роки тому

    Me ayudo mucho agradecido

  • @emmanuelareizaperez5332
    @emmanuelareizaperez5332 3 роки тому

    Muy buena ficha

  • @ByIronMonkey
    @ByIronMonkey 3 роки тому +1

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

    • @RogerNatividadDev
      @RogerNatividadDev  3 роки тому

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

  • @omarariasgutierrez2095
    @omarariasgutierrez2095 Рік тому

    Gracias me salvaste😍

  • @nicolasadrianramirezcardoz7810
    @nicolasadrianramirezcardoz7810 2 роки тому

    Increíble te has ganado un seguidor

  • @ElFeFeRD
    @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
      @RogerNatividadDev  Рік тому +1

      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
      @ElFeFeRD Рік тому

      @@RogerNatividadDev Muchas Gracias por la explicación

  • @rubenbarria6957
    @rubenbarria6957 3 роки тому

    excelente el video, se agradece ...seria ideal conectar este formulario a una base datos....gracias

    • @RogerNatividadDev
      @RogerNatividadDev  3 роки тому

      Pronto un vídeo para guardar información de una fórmulario a una BD.

  • @doiracasanova1955
    @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.

  • @kkroto523
    @kkroto523 3 роки тому

    Ufff quedó muy bien

  • @diegfb2001
    @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.

  • @juanjoseangulomesias1927
    @juanjoseangulomesias1927 Рік тому +1

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

  • @josephyerkohuayllanitola4604
    @josephyerkohuayllanitola4604 3 роки тому

    Gracias bro me salvaste

  • @chrisunlock
    @chrisunlock 4 роки тому +1

    Hermano !! Muchas Gracias

  • @juanpablocortesayala3
    @juanpablocortesayala3 3 роки тому +1

    Hola muy buen video, me podrías señalar si tienes el video posterior para subirlo. De antemano muchas gracias

  • @Al_Rojasnz
    @Al_Rojasnz 4 роки тому

    Gracias Amigo¡¡ Eres un CRACK¡

  • @kevingonzalez4776
    @kevingonzalez4776 2 роки тому +1

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

  • @subdelegacionlavega971
    @subdelegacionlavega971 4 роки тому

    Gracias excelente Amigo

  • @seba1405
    @seba1405 3 роки тому

    muy bueno el video

  • @erik190207
    @erik190207 3 роки тому

    Gracias, mucha practica mi gente

  • @oscar8677
    @oscar8677 4 роки тому

    Un gran tutorial amigo.

  • @jhonmontoya5135
    @jhonmontoya5135 3 роки тому

    Muchas gracias bro!