Multi Step Form with Step Progress Bar in HTML CSS & JavaScript [Part -2]

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ม.ค. 2025

ความคิดเห็น • 84

  • @BeaProgrammer
    @BeaProgrammer 4 ปีที่แล้ว +3

    You shared a great bunch of information, through this video. I saw the full video from start till last must say you have done a great job.

  • @manishachaudhary2095
    @manishachaudhary2095 3 ปีที่แล้ว +1

    thank u so much i,m also nepali and i,m happy that u ,re also nepali and made the nice tutorial. i also subscribed your channel.

    • @CodingNepal
      @CodingNepal  3 ปีที่แล้ว

      Thank you so much 😀

  • @parrotDigitalAcademy
    @parrotDigitalAcademy ปีที่แล้ว

    this is simple and classiy, nice job

  • @adityathota8855
    @adityathota8855 4 ปีที่แล้ว +1

    WoW ,this is really awesome bro. Great Job 👏
    Thanks for sharing all these videos

  • @werissonferreira9321
    @werissonferreira9321 ปีที่แล้ว

    Foda demais, ajudou mto, é mágico como as coisas se encaixam no código, a atenção aos mínimos detalhes tem que ser constante, mas tudo faz sentido no final! Obrigado por compartilhar esse conhecimento!

  • @zahidshaikh3122
    @zahidshaikh3122 3 ปีที่แล้ว +1

    This was really amazing and helpful, Learned a bit of animations though, thanks a lot.

  • @mandalasyzentangles9524
    @mandalasyzentangles9524 4 ปีที่แล้ว +1

    Great tutorial! I am following you now in Instagram and bookmarked your site :)

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Oh wow.. Glad to hear that 😁

  • @ahmedrashed5567
    @ahmedrashed5567 4 ปีที่แล้ว +1

    Every thing perfect
    Music too so nice 👍

  • @learnwebdev7603
    @learnwebdev7603 4 ปีที่แล้ว +1

    KeeP Up The Good Work BrO🔥✌️

  • @JesseJames-mh5kb
    @JesseJames-mh5kb 4 ปีที่แล้ว +1

    Very beutyful! Like!

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Thank you 💙😁.. Stay tuned.

  • @Dubyrivas1
    @Dubyrivas1 4 ปีที่แล้ว +1

    I only wish to be this good. Been going for less than 5 months.

  • @mohamedtounkara1680
    @mohamedtounkara1680 4 ปีที่แล้ว +1

    Thank you for sharing such a GREAT GREAT video. All step are easy to follow and understand. How one would implement some sort of validation before going to the next page ?

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว +1

      Yes you can easily add validation code.. If you have some knowledge of JavaScript. No one comment me to add validation codes on this form.. So i didn't add.

    • @mohamedtounkara1680
      @mohamedtounkara1680 4 ปีที่แล้ว

      Thanks for the hint. I appreciate it !

  • @ousssika5359
    @ousssika5359 4 ปีที่แล้ว

    thanks your video is so good thanks mann

  • @raxuone3741
    @raxuone3741 4 ปีที่แล้ว +1

    that is a great code bro, thanks!!

  • @romuloalves9349
    @romuloalves9349 4 ปีที่แล้ว +1

    Ótimo vídeo parabéns 👏.

  • @ahmedelgaidi
    @ahmedelgaidi 2 ปีที่แล้ว

    You are amazing :)

  • @parkjiji6701
    @parkjiji6701 4 ปีที่แล้ว +1

    thanks , it's really awsome ,i like iit
    and we are waiting for you to put the code source as soon as possible

  • @NextCoding
    @NextCoding 4 ปีที่แล้ว +1

    Great bros

  • @rezarahman1782
    @rezarahman1782 3 ปีที่แล้ว

    Can you please do the click events to move the forms using array instead of multiple button events? I don't know how to do that.

  • @nicholaskonadu307
    @nicholaskonadu307 3 ปีที่แล้ว

    Thanks a lot, Sir. But I have a problem! when I add a specified action and a method to the form, it does not move to the next step so I cannot get values from the controls

  • @SouryajeetSingh
    @SouryajeetSingh 4 ปีที่แล้ว +1

    Great

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Thank you 💙

    • @SouryajeetSingh
      @SouryajeetSingh 4 ปีที่แล้ว

      @@CodingNepal hello sir i installed atom editor but atom-html-preview is not working i installed it too.

  • @HLD202
    @HLD202 4 ปีที่แล้ว +1

    it was really useful
    request video: How to Create a movie streaming website "tutorial"

  • @kasimbabu9016
    @kasimbabu9016 4 ปีที่แล้ว +1

    Thank you so much sir

  • @encilajosephm.2510
    @encilajosephm.2510 4 ปีที่แล้ว +1

    tnx bro you build my website hahah

  • @RandomPOV_s
    @RandomPOV_s 4 ปีที่แล้ว +1

    Hello, I am trying to make the input fields more wide, how would i do that?

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Increase height of the input.

  • @andreschmidt1201
    @andreschmidt1201 4 ปีที่แล้ว +1

    how can i put some inputs on the same line? Great video bro!

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Just add input tag in the html file where you want then some do styling in css.

  • @hasany1562
    @hasany1562 4 ปีที่แล้ว +2

    How can I save all the answers in a json file?

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      I'll try to make separate video for it

    • @hasany1562
      @hasany1562 4 ปีที่แล้ว

      @@CodingNepal Thank u

  • @talhakhan4423
    @talhakhan4423 2 ปีที่แล้ว

    i subscribed after this video
    thanks allot
    please upload full playlist in which you make a full website with html css js php mysql

  • @MedinnaPlay
    @MedinnaPlay 4 ปีที่แล้ว +1

    Hello, thanks for the video but i have a question: If the url doesn't have '#' on it, i have to click twice on first button in order to move to second step.
    Any thoghts?

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Remove # and insert your url or leave it blank.

    • @kavindaharshana3075
      @kavindaharshana3075 4 ปีที่แล้ว +1

      please add e.preventDefault() to functions

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว +2

      Right you can prevent the default action of an element with event.preventDefault(). Actually I forgot to add on this form but I'll update the codes as soon as possible.

  • @tranduc5961
    @tranduc5961 4 ปีที่แล้ว +2

    I can't find this code to dowload? Can you give me the link pls?

  • @urielaispuro2125
    @urielaispuro2125 4 ปีที่แล้ว +1

    nice!

  • @paytmearner929
    @paytmearner929 4 ปีที่แล้ว +1

    Where will this data be stored?

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว +1

      These won't be stored anywhere just the page reload.

  • @محمدالقرفان-ث4ث
    @محمدالقرفان-ث4ث 4 ปีที่แล้ว +3

    I can't finding code in your website

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว +2

      I'll upload soon.. Sorry for delay.

    • @karangupta4178
      @karangupta4178 4 ปีที่แล้ว

      Have you uploaded the code?

  • @murtazaali1077
    @murtazaali1077 3 ปีที่แล้ว +1

    Please advise how to add validation
    '

  • @ashwinraj8918
    @ashwinraj8918 4 ปีที่แล้ว +2

    PLease add your void. Its hard to undertand

  • @andrewking452
    @andrewking452 4 ปีที่แล้ว +1

    Nice layout.
    Someone managed to rewrite the script from a pure JS on jQuery?

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Thank you 💙😁

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Contact me on Instagram if you want jquery codes of this tutorial.

  • @blessinghirwa
    @blessinghirwa 4 ปีที่แล้ว +1

    I can't see the source code from your website

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว +1

      Will be uploaded soon.

  • @aljanejoyevangelio6721
    @aljanejoyevangelio6721 4 ปีที่แล้ว +1

    the next button is not workin on me

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      Contact on me Instagram

    • @cdesdamone2984
      @cdesdamone2984 4 ปีที่แล้ว +1

      hello i have the same problem what is the solution ?

    • @CodingNepal
      @CodingNepal  4 ปีที่แล้ว

      @@cdesdamone2984 Hello..Please contact on men Instagram.

    • @kavindaharshana3075
      @kavindaharshana3075 4 ปีที่แล้ว

      please add e.preventDefault() to functions

  • @manolitoreyquimadajr.8855
    @manolitoreyquimadajr.8855 10 หลายเดือนก่อน

    You should organize the codes properly.. it's confusing