Hi Good day sir How does the import in your code is not working with me ? I go to your codinglab website i copy the import url but is not working . How do i fix it .Hoping for your response sir . Have a great day .
@@CodingLabYT I appreciate sir . But i mean is your import . I actually make it but its not the same like your input-box . I am a beginner in programming i just want to make my first website using html and css only . But i will try later i will copy the import that you put in the code sir. Thank you so much sir its a great help for me and also some beginners out there.
Click the link for the source code and go to your page where there is everything but the source code. Do you remember going to School? The best teachers deliver the best results. Don't send people to look at your lovely blog page. Time is precious. Straight to the code dude!
Wow, this is absolutely awesome. I am just learning how to code and struggling to put all my divs next to each other. Will re-watch this tutorial to see and learn how you use flexbox. I'm am very grateful to have a chance to learn from you, sir.
Please also voiceover on video and explain .this would help not only me but also all the other regular viewers of this channel . I know you are a little bit slow in hindi but your explain very better than other youtubers . So voice over plzzz🙄
Works like charm, but one issue I am running into is that if the none of the RADIO button is selected, there is no ERROR BOX showing and saying: you must make one selection. One way to solve this problem is by picking male as a default selection by saying selected in radio button statement OR one of the 3 radio buttons of my choice. But I want to keep the way, this way user has to deliberately click on one of the radio buttons.
@@CodingLabYT Thanks for the prompt reply. Actually I tried that before my post above, my bad I forgot to mention in my first post above. What I did was I tried putting required in the radio button the first option which is male since those three are boolean, and you cannot have all selected or required. It didn't work. Then I tried to comment out the html link for style.css to troubleshoot to see where the problem is, I obviously lost the formatting and the appeal of the page, since page looked very basic, but atleast it worked. So to me there is a conflict or something missing somewhere in style.css. Could you try on your side please. Thanks.
Just a question,if this code is in vsc,then how you could split screen for both vsc and chrome so your chrome is updating after every line of ur code,is it some settings, please lmk...
Amazing video! I'm pretty much a beginner and have a question, I'd be pleased if you could answer me. Why do you use instead of for the inputs? Thanks anyway!
i have a question, how ypu can make a school enrollment form website and when the students registers their info, how can i collect the enrollment data? please help me
To do part of this you would need a server side rendering language like node.js or php to handle the form submissions. and you would need to use a databse like mongoDB or MySQL to store the data
Sorry Abhishek it's not possible, but if you got any problems related to this tutorial you can DM me on Instagram or Facebook. I will definitely help you
Excellent tutorial! Thank you so much. gender-detail category radio buttons gets messed up when on iphone x screen tho! How could i fix it? edit: added display: flex and flex-direction: column; so they display vertically. looks fine. Thanks man
Hey there! I wanted to ask how can I add a dropdown menu (that has for example the countries names using and ) that has the same style, width and height. Thank you!
Had the same question. I found this after doing some research. ::after is a pseudo-element. It acts as the last child of the selected element(.title in this case). Since there are no children for .title, ::after is the only child. I understood the position part from this video: th-cam.com/video/3PDQDRJq5Ls/w-d-xo.html
Any Questions Related To This Tutorial? Please Let Me Know.
Login and Registration Form:
th-cam.com/video/U69WL9jInW0/w-d-xo.html
Hi Good day sir
How does the import in your code is not working with me ? I go to your codinglab website i copy the import url but is not working . How do i fix it .Hoping for your response sir .
Have a great day .
Go to the bottom of the web page there is all Html CSS code, from there you can copy or download directly from the download button
@@CodingLabYT I appreciate sir . But i mean is your import . I actually make it but its not the same like your input-box . I am a beginner in programming i just want to make my first website using html and css only . But i will try later i will copy the import that you put in the code sir. Thank you so much sir its a great help for me and also some beginners out there.
DM me on Instagram or Facebook Mark we will talk there, okey
@@CodingLabYT yes sir! What is your instagrams and facebook sir.
The best part is, you provide us free source code of every tutorial. There are only few TH-camrs who do that.
It's my pleasure to help.
where is source code of this video
@@CodingLabYT your website says domain expired, can you please share the source code ??
Sorry I really need the source code for this
it isn't free anymore
I don't know why I kneel down watching this tutorial. OMG. Impressive. Good work!
wonderfully explain this form in html i am very impressed thank you very much
dude you're a life saver
you also provided the codes in your website
i'm truly greatful, hope u gain more recognition
It's My Pleasure Krisha
@@CodingLabYTWhere is the source code ?
this is the most perfect tutorial i've ever seen. thank you very much. wishing from sri lanka
Glad you liked it!
you helped me get a job, thank you so much!
Glad to hear that... Cheers!!
That's great news . which project you make for job.
Okay, this is the most AMAZING tutorial I've seen yet, seriously good job mate!
Excellent explanation without the need of speaking. Congrats for the clearness
Thank you!
Yeah really this is the best registration form 👍👍👍👍👍👍
Many many thanks
its great simple project but its teach me lot. thanks. keep doing.
Glad to hear that
Thanks a lot was stuck with my project
You are welcome
if you start explaining and coding then u will bcome the best youtuber in this category..
Thank you so much for your beautiful words. I will think about it
@@CodingLabYT sweet of u ..
love your way of explaining with BGM
Thanks a ton.
this is the best form i ever seen in youtube. thank you 😊
Glad to hear that.
I mean seriously learn coding with Awesome music that's what I was loooking for.
Glad to hear that.. Thanks a lot
Click the link for the source code and go to your page where there is everything but the source code. Do you remember going to School? The best teachers deliver the best results. Don't send people to look at your lovely blog page. Time is precious. Straight to the code dude!
Thx bro been tryna figure it out. life saver thank you again
Glad I could help
You are the best designer ❤️
my favorite person is you thank you for giving this video we want more
Thank you so much ☺️. I will 💕
Sir I'm a newbie . Please tell me , at 1:23 which platform you use for coding ?
Same Question!
Can anyone tell me which IDE is used in this video for creation of form?
Awesome! I love the custom radio button approach there.
Glad you like it. Best regards!!
Amazing video!! Thank you so much! 🙏
Glad you liked it!
This is very good training and i like it
Awesome bro 👏
Thank you Naga
Awesome video bro
Glad you liked it
sungguh keren tapi susah
semangat trus
😉
you save me bro thanks for this!
Happy to help!!
Wow, this is absolutely awesome. I am just learning how to code and struggling to put all my divs next to each other. Will re-watch this tutorial to see and learn how you use flexbox.
I'm am very grateful to have a chance to learn from you, sir.
Glad it was helpful!
Thanks for the free source code🎉🎉
You're welcome!
Are there source codes on to add how one can send communications that the about us form
Great tutorial! The music selection is on point as well! 👏 Thank you!
Glad it was helpful!
4:52 which link you was imported can you give me this?
My next video will be in that topic.
Truly that's awesome, but u need more keep it more simply if u can .
ty very much I aded my website this design.
You're welcome
Good job thanks 👍😁
You're welcome Nihara
sir please as well as teach about that your video is awesome
Thank you so much for such great content!!! :)
Glad you like it.
Please also voiceover on video and explain .this would help not only me but also all the other regular viewers of this channel .
I know you are a little bit slow in hindi but your explain very better than other youtubers .
So voice over plzzz🙄
Okey bro I will try❤️😊
Thank you for this tutorial
You're welcome Sravan
Thanks for the video
Always welcome bro ❤️😊
thanks 🤙🏻
It's amazing 👏
Glad you think so!
Works like charm, but one issue I am running into is that if the none of the RADIO button is selected, there is no ERROR BOX showing and saying: you must make one selection. One way to solve this problem is by picking male as a default selection by saying selected in radio button statement OR one of the 3 radio buttons of my choice. But I want to keep the way, this way user has to deliberately click on one of the radio buttons.
Very Good Solution Amit, also we can add "Required " in the input tag.
@@CodingLabYT Thanks for the prompt reply. Actually I tried that before my post above, my bad I forgot to mention in my first post above. What I did was I tried putting required in the radio button the first option which is male since those three are boolean, and you cannot have all selected or required. It didn't work. Then I tried to comment out the html link for style.css to troubleshoot to see where the problem is, I obviously lost the formatting and the appeal of the page, since page looked very basic, but atleast it worked. So to me there is a conflict or something missing somewhere in style.css. Could you try on your side please. Thanks.
DM me on Instagram or Facebook
u saved my day bruh !!! i 'm very thamkfulll
Glad to hear Anjali
Thank you, good work!
Glad you liked it.
Fantastic, thank you very much.
Thank you Manuel for liking
Great man! This was really a nice one.
Thank you Fatin.
@@CodingLabYT welcome, keep the strategy 👍
Super cool !
14:37 my note, thank you
What a missy code,
But thax man you really helped me bulding it
I am subscribing you for the free source code. Brother stay blessed.
Thanks and welcome
Def helping as a refresher.
This is badass! Exactly the kind of build I like and was looking for!
Thanks a ton.
Amazing tutorial
thank you so much
You're welcome obonti
best video for this form html and css amazing!
Thank you Harshil for liking
Superb
Thanks a ton.
A very big thank you this was very helpful for me on a production website. I learnt a lot.
Glad it was helpful!
thank u soo much sir
Most welcome
not type="text"
Awesome tutorial
Thank you too much 😊❤️
I love this thanks boss
Heartly Welcome
thanku so much
Excellent 👌
Thank you! Cheers!
Thank You ❤
شكرا Thanks it ws helpful
Well done this is looking great
Thank you bro 😊❤️
Just a question,if this code is in vsc,then how you could split screen for both vsc and chrome so your chrome is updating after every line of ur code,is it some settings, please lmk...
I'm using Atom code editor
Just minimise vsc and run chrome at same time
@import
I'm not able to see full please help me out what is there in top/first line
04:56
Good work sir! Could you teach me please..
Excellent
ভাল লাগলো
❤I'm new in yr channel i visited today i want to learn created all forms ❤
Welcome aboard!
what code did you import in your CSS code? you didn't explain what it is and what it's use.
It's font family code and it's optional you can make this design without importing this
Thank you so much for this sir!!!
You’re Welcome Joshua
Many thanks
You're welcome!!
What a great toturial I really enjoyed and Loved it thanks 💓
9:00 background music 🎵???
A very nice video. Thank you. Can we want a video of how to create an interface for classes and for the academic level?
Amazing video!
I'm pretty much a beginner and have a question, I'd be pleased if you could answer me. Why do you use instead of for the inputs?
Thanks anyway!
It's optional Katt, thank you for liking my work
@@CodingLabYT Oh, I see!! :)
@@kattkins8697 Using would actually help to make the form more accessible to users utilizing screen readers.
can you pls tell which extension are you using for realtime preview
Im using Aton code editor, it is default in their
wow he replied almost every comment:D
sir tell that after submiting the form where will detail go?
i have a question, how ypu can make a school enrollment form website and when the students registers their info, how can i collect the enrollment data? please help me
To do part of this you would need a server side rendering language like node.js or php to handle the form submissions. and you would need to use a databse like mongoDB or MySQL to store the data
@@edsHTML do you how i can do it can you help me pls i need this in my first project in my university pls
very nice
Thanks
Why music instead of actually teaching?
Yesss I want that as well
Please add this video once again with explanation..
Sorry Abhishek it's not possible, but if you got any problems related to this tutorial you can DM me on Instagram or Facebook. I will definitely help you
Which code playground used in this video
Atom code editor
Sir, where can I code all this . Can u tell which application did u use for this registration like notepad++ or anything else
You can use atom or vs code editor
@@CodingLabYT i install vs code and then i install HTML CSS support in entension is it enough for this project.
@@CodingLabYT can u explain the process of vs code because so many persons have same doubt on it
best thing is your bgm
Can someone please tell me what software is this....? Im using dreamweaver and its live view is not this great... :(
It's Atom code editor and extension is HTML Preview to do live.
Really enjoyed the video . I loved your style . if you have time i'd really appreciate it if you could explain as you code.
Thank you Mitch. If you got any problems related to my Tutorial, you can dm me on Instagram or Facebook
8:45 onwards when you have use calc(). I don't understand that
What IDE did you use?
Vs code editor.
Excellent tutorial! Thank you so much.
gender-detail category radio buttons gets messed up when on iphone x screen tho!
How could i fix it?
edit: added display: flex and flex-direction: column; so they display vertically. looks fine. Thanks man
I have checked all code are fine and no need to change.
This is great. Where I can download the code so I can modify it? Thank you.
Link is in video description. You can do anything you want.
Hey there! I wanted to ask how can I add a dropdown menu (that has for example the countries names using and ) that has the same style, width and height. Thank you!
Hi, I'm having trouble adding a header and a navigation menu to this form. Can you please help?
Amazing video btw!
Sure DM me on Instagram or Facebook link is video description.. Thank you for liking my tutorial
@@CodingLabYT ah man. I don't have an Insta or an FB account.... Is it possible to chat here, or maybe email?
I have made lots of video tutorials related navigation bar and header. You can get idea from there
@@CodingLabYT yeah, I've watched those, amazing stuff too
But I just don't seem to be able to add them to this form in particular... Any clues?
Can you also upload a video creating the registration and login form in php and mysql?
I will think about it
you can use grid for 2d and responsive
Sir koi achha sa student registration form bana kar video upload kijiye
Okey.. Stay tuned
𝑻𝒉𝒂𝒏𝒌𝒔....
what did you use for coding?
Atom code editor
Informative video
Thank you 😊
I have a question? What is the use for the position:relative and position:absolute here for the title? is it significant?
Had the same question. I found this after doing some research.
::after is a pseudo-element. It acts as the last child of the selected element(.title in this case). Since there are no children for .title, ::after is the only child.
I understood the position part from this video: th-cam.com/video/3PDQDRJq5Ls/w-d-xo.html