How To Make Login & Registration Form Using HTML And CSS Step By Step
Vložit
- čas přidán 23. 09. 2019
- Learn How to make login form and registration form design using HTML and CSS step by step with toggle button to switch login and registration form.
► Make login and registration system with PHP and MySQL
• How To Make Login & Re...
Watch above video to make login and registration form with Database connectivity using PHP and MySQL
❤️ SUBSCRIBE: goo.gl/tTFmPb
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialspro.com/go/course/
You may like below tutorials:
----------------------------------------------
Make complete website using HTML and CSS
► • How To Make Website Us...
Make E-commerce website in HTML, CSS and Bootstrap
► • How To Make ECommerce ...
Create Travel website design using HTML and CSS
► • How To Make A Website ...
Create personal resume website with HTML, CSS, Bootstrap
► • How To Make A Website ...
-------------------------------------
Best hosting up to 60% off (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hostg...
Affordable hosting up to 91% (coupon- EASYTUTORIALS)
👉 easytutorialspro.com/go/hosti...
My recommended tools and tutorials
👉 easytutorialspro.com/
-------------------------------------
Image source:
www.pexels.com
-------------------------------------
Download images:
drive.google.com/open?id=1pTo...
-------------------------------------
Like - Follow & Subscribe us:
► CZcams: goo.gl/tTFmPb
► Facebook: goo.gl/qv7tEQ
► Twitter: / itsavinashkr
There is always an Indian Guy on CZcams to help you ,,,, you will always find an Indian person if you search for any tutorial 🔥🔥
No guys
@@madogaming1570 always There Is One Guy rather almost all are indian only
I like the accent, "Velkom to my U Tube tannel"... ❤️❤️❤️
You are absolutely right. They are all into tech.
ن رب بزكثزغزغظيظ ثق زقزوق
Always appreciate for your hard work. Thanks from Cambodia.
👉 Make Multi Page complete responsive website: czcams.com/video/oYRda7UtuhA/video.html
Brilliantly done... I could never have imagined such a solution... 🙂
this is probably the best tutorial for this. easy to understand, and no errors- kudos!
Incrível, muito perfeito. Parabéns!!!!
Thank you so much sir, I have added this to one of your previous tutorials :)
Brilliant Work Sir.... Very inspired by You.... Your videos are the solution to my Coding problems........ Thank You very much Sir!
Kindly keep it up gentle man. Please ignore all those who dislikes your tutorials. We will be supporting you♥️♥️♥️♥️.
Appreciable as always 🤙
Excellent video sir . The way of teaching of yours is too good , the explanation was very clear to every point Thank you so much sir..
Awesome tutorial. Very easy to understand!
Hello sir, am very grateful of your work and it has helped a lot in improving my coding skill and i was requesting you to make us a tutorial on complete website with css, bootstrap, javascript, mysql and php. then another on is "making form, form validation with mysql and php
and i want also to get away to talk to you in your inbox
This is so clean and awesome tutorial....Thanks 😊
Wonderful Thank you very much. I am sure that my professor will like it so much that he will give me 10/10!
Thank you sir, more power!
EPIC!!.....No Words To Say..
For anyone having trouble with the span not lining up with the checkbox, I found that having a bottom of 64px did the trick. Just play around with that value.
yes
can explian please
can you explain me plz!!!
i said 640 px instead of 64
I dont see give the number of ligne please
Thank you! it was very helpful:)
Thank you very much! you were my salvation!
it was worth finishing the class
Wow, that's amazing I started to study hmtl css today, I'm so excited and I want to be able to create this kind of projects
Nice
I think today you are awesome
This is very helpful for my project in school. Can you make other video that connected to this video on how to store data that users inputted?
Thank you - it's beautiful :)
I was stuck for a month, thank you for making my work go right♥
After 2 years this still is so great!
where i can download the code??
@@MaltizEdits You sadly can't you're gonna have to look at the video and type it yourself.
Thank you so much for the video !! Very nice job !! Can you givre us the source code ? 👍👍👍
Thank you, you have help me so much....I appreciate for your hard work.
Thank you so much sir... they way you explain every step so clearly is very helpful for new developers like us... keep creating this kind of videos ❤
Thanks to you Nandita
@@GreatStackDev heyy as when u clicked on register the pages are shifting right but in my case only loging page is moving not the register whyy?? I already check out the code properly?????
bhai source code dedo piz aap ka
@@hr2307same Problem
Thanks Sir, It helped me a lot. Sir, can you please explain the applications of the codes, some codes are hard to understand. It would be great sir, if you explain the usage of the codes while writing the codes.
Yeah I think so too. It’s more useful when he can tell the function of the css style that he’s applying. Ex. Saying what position:absolute will do.
Sir, You are really a genius...Thank you very much. Please make such an easy video...
Hello, I have found this video extremely helpful and many thanks to you for helping us in understanding these things, I have a question, that is, do you have the code for the backend of this login and registration form using PHP and MySQL?
Щ-
I need it also 💯
If Oscars were given for a job well done, I’d nominate you! You are the best...
Wonderful....Such a great way to learn the smart thing....Love from Pakistan...
Encountered some errors but ultimately fixed it myself. Thank you for this.
Very humble request to you provide HTML and CSS file also sir
@SARA NANDHINI I know how to make them
@Easy Tutorials is there a way I can get the code so I am able to copy and paste it into my coding software?
Your tutorial is awesome 👍
Thank you from morocco
Thank you! I made my own register page with like 30 min. amazing!!! But there is 1 step missing - how do you connect this to data base? would be so much fun to learn!
It's a whole another topic, depending on your back-end setup. This video focuses primarily on front-end, the design and user interaction with the form. Check tutorials for reg/login form for Django for example.
konnyol
Hi! Could you share the final code?
Thank You sir i want to study htm and css and i have created my first sign up page with the help of your video.
You are most welcome
Great video but i recommend instead of the html and css code used for the checkboxes you use this code:
HTML:
I accept the terms and conditions
CSS: label {
display: block;
margin: 0.5rem 0;
font-size: 12px;
}
This makes the checkbox inline with the text and if you want you can add a link to your own terms & conditions on the word.
Sir, can you please add the entire source code in the description box please!!!!
I would like to use this for my blog for my friends. Could you tell me where the data goes after they sign in?🔥♥😋
Thanks for comment, It's just a front end design tutorials, if you want to make it functional with database then this video will help you: czcams.com/video/NXAHkqiIepc/video.html
A really easy way to save sign up data is to use a service called Google Firebase. There are lot’s of really easy tutorials to follow to make a sign up and login page with it.
@@onewhispergaming6435 Awesome, thank you so much♥
@@GreatStackDev bro is this code is having problem in 10 th line please help me... Otherwise all the code is running well... Avoiding this line how can I do that script code at the end
@@GreatStackDev please bro reply
Beautifully done
This is very helpful tutorial Thanks sir 🙏
can you upload your code please. I try to do this one, but it seems that i have some differences with measurments, although i'm following you. Thank you
hi bro can you help me making same log in page i cannot get it exact for some reason
Great work. Please post more such stuff.
thank you for the tutorial, is very helpful
Please add Css and Html file in description box...
This video is nice ad use full but i want the code to connect this login & registration form to database.
did you ever find an easy way to do this?
@@dannysoto1756 Yes it is more easy way to do and learn coding. If you don't know coding
Depends on what you use for connecting it with database. For PHP it is just as easy as adding name and post or get method to form
@@Shadow.Walker yes
thanks for the great tutorial 👍
Fantastic Tutorial!
Hi Your tutorials are very good. I am developing a website on Python-flask (MySQL). However, when I tried to create a few pages with your inputs (especially multi-step form submit), the "container" div is always appearing on the left side of the screen, not in the center. Can you please help with this?
same happens with me
oh I realized what happened is when I set the width of the first div I set 100 without % after it, maybe this is your case also
If you could just share the final html code, that would be great.
czcams.com/video/oB7IvLX7o9w/video.html..
Awesome animations here😍😍..
With downloadable code
you welcome i liked and subscribe thank you very much it worked!!
Excellent. Good work 👍
Great tutorial BUT it's incomplete until true login along with forgot password scripts. Please do it.
Hi it's just for front end design of form, Please check the first link in the description, for login and registration functionality with Database connectivity. Thanks for comment
The form-box is showing at the left top side of the webpage even though I set "position: center;"
try to say in css
top:50%;
left: 50%;
transform: translate(-50% , -50%);
i think i will be in the center
It was very helpful to me , Easy and best (Thank you Easy Tutorials)
This is the most outstanding log in and registration form on the same page which a user friendly. thanks a lot bro
can you give me code
Why my register button isn't working?
Any kind of help will be much appreciated.
Thank You.
Revisit and check your script code may be you have skipped some lines.
@Adyansh Mishra still not working!
Setting up unit in 'px' while setting style in js worked!
hi bro can u make it a true login resitration like if the name and password wrong it will not sign in it will told u thats incorrect information
i hope u understand me , thanks in advance !
it's not difficult, you just will compare the user in the database and the user that are writing on the user field at login view
Daniel Moreno Sanchez but how bro !
Hi MR Jax, Please check the first link in the description, In that video you can learn to make login and registration functionality with Database connectivity. Thanks for comment
@@GreatStackDev ok sir great
@@GreatStackDev sir please make a video on hosting website ..... How to make own hosting website
Wahh ! An excellent tutorial brother.
Excellent and thank you sir for providing this video to learn how to create a login/Registration form simply
But I am unhappy only in the explination part explination of each and every tag/styles will help us in remember for long time .....
When I type overflow: hidden there is no change still it is showing sm as before can someone please help me
check the #login and #register, I had the same issue before I found the #register is wrong
check the commas and other stuff one small mistake and it doesn't work
This problem is occurring in my side, any one can help me
@@sivasankaramoorthyb1074 after hidden; check this comma
I have the same problem sir...the overflow hidden property doesn't work
I have a question,
How did you write css syntax for the div with id=“btn” and it also appeared on the buttons yet the div was terminated?
Thank you
czcams.com/video/oB7IvLX7o9w/video.html..
Awesome animations here😍😍
I don't know
Just awesome sir!!!
I just loved it.
thank youuu
Thank you it helped me..thanks alot
thanks u so much i was coding for 2 hours
this video is realy help me thank you so much!!!
Yeyy...i've try it and succesfully 🙏
Thank you man :)
my saviour.
very cool tutorial thanks, it helped me a lot
Thank you so much for this awesome video
❤❤This video was amazingly helpful!! Thank you sir 🙏🙏🙏🙏
sir plz describe more that which element r u using for and what purpose..overall its a good tutorial..
thank you very much , you got one more subscriber
Thank for your great login video
this was amazing , your contents are very tutorial. I find contents which I want to make in your videos, thanks sir
Great Tutorial
thank u sir.... love from karnataka.
This is just the most amazing web-dev channel on yt!!!!! Thanks a lot for ur efforts!!!
You're very welcome!
@@GreatStackDev Dude You are still replying on this video!! THATS COOL
@@theUnmeshraj Thanks Unmesh Bro
Super bro this was very helpful to me.
Oooowesome bro thnks to helpfull coding
Wow man, you have made cool page.
Thanks !!
Drear Sir,
Your Teaching skill is very good. I love your chanel. Because, it is very easy & helpful. I made this form perfectly. Now, please make a video to set validation in this login & Registation form as soon as. It will very helpful me. I wait for that.................thank you.
It's awesome 😊... Buddy...
Loved your video thanks a lot 🥰
that was AWESOME
Best explanation 😎👌👍👍 thx sir 😎🔥🔥
Too good sir.. 🙏🙏
it is very helpful please continuous
Thank you soo much sir, this was super helpfull
super bro...thanks a lot
thanks video , more pls
Very nice video, thanks