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!
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!
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.
sorry dude for your form .user-details .input-box can you just use witdh:40% rather than calc ? is it going to give the same result or not ? sorry im still new to html but yea tryin to learn new things or so
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🙄
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: czcams.com/video/3PDQDRJq5Ls/video.html
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!
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
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...
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.
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
Doing great job sir ❤️❤️❤️ I am currently doing deploma in computer science engg from polytechnic .Now I am in 5th sem . I am trying to enhance my skill in frontend as well as backend know a littel bit Photoshop and illustrator also. Using html css javascript in frontend for now . In backend only using core PHP . Any suggestions for me sir
@@CodingLabYT I see I’ll give this a try cause I know you’re supposed to code mobile first but never could find how devs pull up that mini iPhone on their computer. Thanks so much for the help.
Hello youre tutorials are really helpful but i dont know how do I activate the sign in buton when logging in because when you start the site the login comes first and if you don't have a login you have to go to the regestriere but how do I connect them
Hello there. I'm just wonder where will the User data stored after enter the "register" option. How the web owner will know someone get registered on his website. Please explain
Sir, I want to add drop-down menu just below the "Password" and "Confirm Password" Fields but facing 2 issues First, my drop-down menu field is not occupying 100% width just like the "Register" button i.e. its two small Secondly, its look is not like the other fields (like borders and backgrounds of Full Name, User Name, Email etc) my code is
@@CodingLabYT its already to "block", but what I figured it out is that when I changed width: calc(100% / 2 - 20px); to width: calc(100% / 1 - 20px); its occupying full space and for that i give another class name "input-box2" and changed the css accordingly and working fine Thanks @CodingLab
This is my first coding I’m having problem with the how you already have the css going (I need to know what “Ctrl” to press) I understand with the “index html” it was “ctrl !” To start, what to do press for the css I hope you understand though
Any Questions Related To This Tutorial? Please Let Me Know.
Login and Registration Form:
czcams.com/video/U69WL9jInW0/video.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 CZcamsrs 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
Why music instead of actually teaching?
Yesss I want that as well
Excellent explanation without the need of speaking. Congrats for the clearness
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 ?
Okay, this is the most AMAZING tutorial I've seen yet, seriously good job mate!
this is the most perfect tutorial i've ever seen. thank you very much. wishing from sri lanka
Glad you liked it!
this is the best form i ever seen in youtube. thank you 😊
Glad to hear that.
I don't know why I kneel down watching this tutorial. OMG. Impressive. Good work!
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!
Great tutorial! The music selection is on point as well! 👏 Thank you!
Glad it was helpful!
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?
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.
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.
sir tell that after submiting the form where will detail go?
Thx bro been tryna figure it out. life saver thank you again
Glad I could 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!
Awesome! I love the custom radio button approach there.
Glad you like it. Best regards!!
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
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
love your way of explaining with BGM
Thanks a ton.
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 ..
not type="text"
You are the best designer ❤️
Great man! This was really a nice one.
Thank you Fatin.
@@CodingLabYT welcome, keep the strategy 👍
Amazing video!! Thank you so much! 🙏
Glad you liked it!
my favorite person is you thank you for giving this video we want more
Thank you so much ☺️. I will 💕
Thanks a lot was stuck with my project
You are welcome
Thank you so much for such great content!!! :)
Glad you like it.
sorry dude for your form .user-details .input-box can you just use witdh:40% rather than calc ? is it going to give the same result or not ? sorry im still new to html but yea tryin to learn new things or so
I mean seriously learn coding with Awesome music that's what I was loooking for.
Glad to hear that.. Thanks a lot
This is badass! Exactly the kind of build I like and was looking for!
Thanks a ton.
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❤️😊
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
Thank you, good work!
Glad you liked it.
Fantastic, thank you very much.
Thank you Manuel for liking
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: czcams.com/video/3PDQDRJq5Ls/video.html
you save me bro thanks for this!
Happy to help!!
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!
Def helping as a refresher.
A very big thank you this was very helpful for me on a production website. I learnt a lot.
Glad it was helpful!
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.
Amazing tutorial
thank you so much
You're welcome obonti
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
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
A very nice video. Thank you. Can we want a video of how to create an interface for classes and for the academic level?
can please share the full ( html, css and js) code in the comment section it will help full for us
Thank you for this tutorial
You're welcome Sravan
best video for this form html and css amazing!
Thank you Harshil for liking
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
Awesome bro 👏
Thank you Naga
what did you use for coding?
Atom code editor
This is very good training and i like it
Congratulations, it was very good! Which IDE did you use?
IDE Mean.. Thank you
Its Atom
@@CodingLabYT code editor
It's amazing 👏
Glad you think so!
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.
Truly that's awesome, but u need more keep it more simply if u can .
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?
Awesome video bro
Glad you liked it
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
Doing great job sir ❤️❤️❤️
I am currently doing deploma in computer science engg from polytechnic .Now I am in 5th sem .
I am trying to enhance my skill in frontend as well as backend know a littel bit Photoshop and illustrator also.
Using html css javascript in frontend for now .
In backend only using core PHP .
Any suggestions for me sir
These all 10 mins videos will take just 30 mins of your day and each day you will know something knew about codings😇
Practice makes man perfect 😊
Your are right 😊
Good job thanks 👍😁
You're welcome Nihara
what software is he using to test the website responsiveness in the beginning
for chrome you just need to inspect by clicking f12, or ctrl + shift + I, then press ctrl + shift + m
@@CodingLabYT I see I’ll give this a try cause I know you’re supposed to code mobile first but never could find how devs pull up that mini iPhone on their computer. Thanks so much for the help.
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
Thanks for the video
Always welcome bro ❤️😊
thanks 🤙🏻
Hello, the link provided is different from the form covered in the video, is there a nother link
Do search on their you will get it.
Hello youre tutorials are really helpful but i dont know
how do I activate the sign in buton when logging in because when you start the site the login comes first and if you don't have a login you have to go to the regestriere but how do I connect them
Watch this for Login and Signup form
czcams.com/video/U69WL9jInW0/video.html
Awesome tutorial
Thank you too much 😊❤️
I am subscribing you for the free source code. Brother stay blessed.
Thanks and welcome
What text editor did you use?
Atom editor
ty very much I aded my website this design.
You're welcome
We even tried to copy it... But part of gender is out of the margin box.. And confirm password box is too large.. Please reply
Which code playground used in this video
Atom code editor
14:37 my note, thank you
Thank you so much for this sir!!!
You’re Welcome Joshua
Sorry but when I use flexbox nothing happens, did the way change recently?
Hello there. I'm just wonder where will the User data stored after enter the "register" option. How the web owner will know someone get registered on his website. Please explain
Well done this is looking great
Thank you bro 😊❤️
4:52 which link you was imported can you give me this?
My next video will be in that topic.
I love this thanks boss
Heartly Welcome
What IDE did you use?
Vs code editor.
I have a question.... What App did you use to type all that code in?
amazing tutorial btw
its called VS Code
.gender-details{
display: flex;
width: 80%;
justify-content:space-evenly;
margin: 16px 0};
this will apply to this class no?
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.
❤I'm new in yr channel i visited today i want to learn created all forms ❤
you can use grid for 2d and responsive
Hello, may I ask how can I make the radio button vertically aligned?
Looking Forward to your reply :)
Just give
display flex
Flex direction column
Thank you! :)
What editor you are using bro?
That was atom code editor. Now I use vs code editor.
Can you also upload a video creating the registration and login form in php and mysql?
I will think about it
Is there a video about evaluating the content?
...
...
Not at all bro
Sir, I want to add drop-down menu just below the "Password" and "Confirm Password" Fields but facing 2 issues
First, my drop-down menu field is not occupying 100% width just like the "Register" button i.e. its two small
Secondly, its look is not like the other fields (like borders and backgrounds of Full Name, User Name, Email etc)
my code is
Select Game *
Select Game
Cricket
Hockey
Looking Forward to your reply
Give display block to the input fields
@@CodingLabYT its already to "block", but what I figured it out is that when I changed
width: calc(100% / 2 - 20px); to
width: calc(100% / 1 - 20px); its occupying full space and for that i give another class name "input-box2" and changed the css accordingly and working fine
Thanks @CodingLab
No need to calc(100% /2) if you not placing two input field side by side
@@CodingLabYT yes, actually i am placing only one field in entire row thats why
Okey bro continue your project. For any further help you can ask me😊
@import
I'm not able to see full please help me out what is there in top/first line
04:56
What a great toturial I really enjoyed and Loved it thanks 💓
9:00 background music 🎵???
شكرا Thanks it ws 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
Can you tell me what how can I put date picker? I want we need to put Birthdate but I don't know how the date picker code works. Thank you so much.
This is my first coding I’m having problem with the how you already have the css going (I need to know what “Ctrl” to press) I understand with the “index html” it was “ctrl !” To start, what to do press for the css I hope you understand though
ctrl + tab
@@CodingLabYT how do we create a “result page for the form page?
A page where we can see results from actual respondents please
in which software u have written this code?
Atom code editor
from which link do we get the source code
My website link, do check on video description