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

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

CodingNepal

4 года назад

137,642 Просмотров

Ссылки и html тэги не поддерживаются


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

@calidadsed4713
@calidadsed4713 - 16.04.2023 06:46

Gracias

Ответить
@resisties2358
@resisties2358 - 19.07.2022 20:36

Help me to validate this kind of form please in Js😔

Ответить
@jonathan1q2w3e4r
@jonathan1q2w3e4r - 03.06.2022 18:39

This is a great form. I wish there was a lesson on the form handler. Kindly suggest any ideas. Ty

Ответить
@iconic1k636
@iconic1k636 - 31.05.2022 00:22

Nice intro song by the way

Ответить
@carldjovan
@carldjovan - 30.03.2022 01:02

Have you ever created a part 2 for this video ?

Ответить
@kengkardyoksuvan6641
@kengkardyoksuvan6641 - 03.12.2021 09:09

Love it

Ответить
@sandipbagdani2228
@sandipbagdani2228 - 28.11.2021 14:14

Bro from which website do you make webpage like the style side is different and the body side is different

Ответить
@mayorca_institute
@mayorca_institute - 10.10.2021 06:27

This form is not responsive, you can't add more than 3 input field

Ответить
@marmolito2036
@marmolito2036 - 05.10.2021 20:13

thanks for code :D

Ответить
@eya8598
@eya8598 - 24.09.2021 12:44

Why can't add another page?

Ответить
@Tobbeklop
@Tobbeklop - 07.09.2021 17:10

nice

Ответить
@kritikasingh3701
@kritikasingh3701 - 28.06.2021 21:59

Thank you so much...it is very helpful video ..thanks alot !!!!

Ответить
@armincorcausevic607
@armincorcausevic607 - 21.06.2021 19:25

That looks awesome,but what's the point of creating a contact form thats not functional?

Ответить
@sacreations3044
@sacreations3044 - 27.05.2021 04:20

Thanks sir, I try to make input fields required but it doesn't work. Can you please help me to fix it

Ответить
@Redivive
@Redivive - 28.04.2021 02:22

goooooooooooooooood bro

Ответить
@AyushSingh-ds2hs
@AyushSingh-ds2hs - 19.04.2021 23:44

what I will do if I have 9 forms and want to do the same process. I have tried 4 forms it's working perfectly fine. but from 5th form its overlapping

Ответить
@elliotnyberg9332
@elliotnyberg9332 - 05.04.2021 14:15

Why no validation???? useless without

Ответить
@codewithladyhart5052
@codewithladyhart5052 - 31.03.2021 14:00

I am not getting the check/tick mark when executed. Could you please help.

Ответить
@ernestofierrorivas7183
@ernestofierrorivas7183 - 26.03.2021 01:28

What is the <fiv> tag for?

Ответить
@jokerbanny4662
@jokerbanny4662 - 16.03.2021 17:17

I love this channel

Ответить
@karlrussellmenil9460
@karlrussellmenil9460 - 08.03.2021 04:34

How do I code this?any hints, suggestions and comments are welcome thank you in advance for your help:

The "Name" field:
When the page loads, the first form field should be in focus, meaning it should have a flashing cursor and/or be highlighted in some way.

Create a variable to reference the “Name” <input type="text"> element and log the variable out to the console to ensure the correct element is being referenced.
Use the variable and dot notation to set the focus property of the element to true.
Now save and refresh the page, and the “Name” field should have the focus state.

Ответить
@paulhebert9354
@paulhebert9354 - 26.02.2021 00:36

Thanks dude, working perfectly!

Is it free to use ? (with credits to you obviously)

Ответить
@DhiaMagicien
@DhiaMagicien - 08.02.2021 21:43

Dislike.
The validation doesn't work + next time upload the code on Github, not on ur shitty website :)

Ответить
@NashrulQowi
@NashrulQowi - 16.11.2020 06:28

12.56
Leren disek

Ответить
@jota3860
@jota3860 - 15.11.2020 00:36

Yo hellow very nice video ! Im having a problem... When i click on next it goes back to page 1 form. Im new on js so rly having problems to fix it. Any idea ?

Ответить
@m.jigsaw3841
@m.jigsaw3841 - 14.11.2020 16:37

Hello, im finding problems when i try to add the <script for Font awesome. Nothing happens and stey grey?
Thank you for the tutorial very nice ^^

Ответить
@horizon976
@horizon976 - 26.10.2020 07:33

Can someone tell me how to connect this form to google spreadsheet.

Ответить
@hamue6506
@hamue6506 - 21.10.2020 18:45

what website or application did u use for coding (Sorry I'm beginner)

Ответить
@eftiprwtopapadakis9310
@eftiprwtopapadakis9310 - 22.09.2020 02:20

amazing content and form but how can you make this to look also bigger for screens that are more than 27 inches?i felt that its kinda small size form. Which its fine for a registration form but when its a multi step form that has more choices like checkboxs and more selectors?

Ответить
@chinedunwobi4247
@chinedunwobi4247 - 07.09.2020 20:18

what is your twitter account

Ответить
@chinedunwobi4247
@chinedunwobi4247 - 07.09.2020 20:12

can you send the code

Ответить
@YK-dy3ii
@YK-dy3ii - 30.08.2020 01:22

How to validate the form In each step?

Ответить
@sureshsoni4351
@sureshsoni4351 - 26.08.2020 13:01

overflow: hidden;
not working all form is well but the overflow part is not working

Ответить
@MrAlexmathias
@MrAlexmathias - 25.08.2020 16:45

Great video! Is there a way to apply part o this coding to Crocoblock multistep Jetforms? If yes how so?

Ответить
@RahulKumar-bk1ss
@RahulKumar-bk1ss - 21.08.2020 05:07

Geret sir

Ответить
@gamesstar337
@gamesstar337 - 14.08.2020 21:59

You are really a true genius

Ответить
@XxProgramsxX
@XxProgramsxX - 02.08.2020 00:51

When the user submits the information, where does that form entries go?

Ответить
@freetospeak5069
@freetospeak5069 - 23.07.2020 15:40

thankyou so much bro.. stay healthy

Ответить
@cofyye
@cofyye - 15.07.2020 19:24

Bro, really you born 2002 ? :D

Ответить
@meghashritadas7850
@meghashritadas7850 - 12.07.2020 08:03

Next button is not working..please help

Ответить
@meghashritadas7850
@meghashritadas7850 - 12.07.2020 08:02

Here the nest button is not working..please help

Ответить
@adityathota8855
@adityathota8855 - 04.07.2020 11:35

wow... nice

Ответить
@karansinghrajput8746
@karansinghrajput8746 - 19.06.2020 16:00

Bro i have a request 🙏 i am having trouble in my code. Can you please paste the source code here

Ответить
@findthetruth3021
@findthetruth3021 - 14.06.2020 10:18

how to make cascade drop down in html?

Ответить
@ashiqquehossain1075
@ashiqquehossain1075 - 30.05.2020 15:51

Chake validation and action page

Ответить
@djkarankc144
@djkarankc144 - 23.05.2020 12:13

Response tag पर भी video बनवो

Ответить
@djkarankc144
@djkarankc144 - 23.05.2020 12:12

Bro Upload Video , Audio, Music File tag video बनवो
Upload file tag

Ответить
@thewindowsmasterspro
@thewindowsmasterspro - 22.05.2020 18:24

I need help, I have a register form for your videos, but by being responsive it does not allow me to see the submit button or other things that are located far below the form and I cannot scroll down, the form seems to be static and does not allow me to scroll.
How can i fix this? :'(

Ответить
@saksham3119
@saksham3119 - 22.05.2020 18:21

Hey bro, can u make a tutorial on how to make a full website??
It will be very helpful 😄
Please give a reply 🙏🏻

Ответить