Articles, Blog

How to Create Registration Form in HTML – Easy Step

September 3, 2019


[Music] Hello Programmer, Myself Nawaraj Shah And in this video I gonna help you to make
a simple registration form just using html code at first open your html editor I suggest
you to use sublime text then create a new file and save this file on dot html extension
Now I gonna write a basic html format if you are using sublime text then type angle bracket
html then press enter other wise you have to type all this code I gonna a write register
form in between title now to create a form type form tag in body type table tag in between
form create first row with tr and td for table data where we put name and input field now
first I gonna write name again type td then type a following code
again type tr for password field then type td and password td again for input field of
password now write a following code input type=”password” lets see how its done here
you can see form only content name and password lets type some additional code for input box
type place holder=Name for password field placeholder=Password here you can see the
changes after adding placeholder code Now add a code for gender for that we have to
write tr and td again then write gender create another td to choose male or female write
input type=radio and name=gender after that type male then type same code for female
also after that type tr and td again for email now type input type=email then type td and
write following code lets see how its done I forget placeholder for email just write
placeholder=email now it look little better
now write tr and td for phone number after that I gonna write td for the list of country
code and write select tag and option tag where you can write a country code now select this
line of code and copy and paste it 4 or 5 time now replace 977 with another country
code now write following code for phone number
input type=phone and placeholder=as you
can see on the above lets see how its done. here you can see phone number with country
code and input field for phone number is available now at last tr and td for a submit button
for a submit button write input type=submit and value=submit finally save this and see
the result is web browser here you can see submit button is added if you have any question
on this video then drop it on comment section please like and share this video to your friend
and don’t forget to subscribe to my channel thanks for watching this video

100 Comments

  • Reply Code And Coins February 18, 2019 at 8:13 am

    This form does not store any data in a database. If you want to store data in a database using from then check out this playlist. https://www.youtube.com/playlist?list=PLRDq-Fo0eEdIW2bR0CLjqFPtdXbAARv29

  • Reply Ayman Don March 22, 2019 at 5:43 pm

    For americans BEWARE you need to put more than just male and female, thanks for your attention.

  • Reply sharda yadav yadav March 23, 2019 at 3:41 pm

    Sir ok

  • Reply Rafin Chowdory March 24, 2019 at 5:59 am

    how to add link on submit button?

  • Reply Aditya Nautiyal March 24, 2019 at 1:10 pm

    You are the only youtuber that i ever saw in my life who literally read and reply to each and every comment.. Very well done

  • Reply Sai Pavan March 25, 2019 at 4:43 am

    Then how can I know that my entered/inserted is stored. If stored how can I retrieve that ?

  • Reply DISHA GAUR March 26, 2019 at 9:23 am

    What's the meaning of doctype????

  • Reply MUTAIRIPU KAIYA March 27, 2019 at 12:07 pm

    Thanks for your video. Which HTML editor did u use?

  • Reply Hamid Khan March 29, 2019 at 8:19 pm

    Its really very helpfull

  • Reply Avenged Prophet March 31, 2019 at 6:30 am

    So you need tables in order to format this :b Now I can continue my exercises. Thanks 😀

  • Reply indian guy April 6, 2019 at 8:57 am

    data submit hona ka bad uski information mera gmail par aa ja asa kasa kara

  • Reply Rockz Amit April 10, 2019 at 2:34 am

    How to add image in it

  • Reply Ikram Wani April 10, 2019 at 8:21 am

    Eat before u lecture audio sucks

  • Reply Kine With PS April 12, 2019 at 5:43 am

    Bro i had done this on my PC and i got it 😀😀😀😎😎😎 it very very very nice video (v.v.v.n.v)

  • Reply Royal Tiger BMC April 12, 2019 at 2:58 pm

    I donot creat a web page . please help me .

  • Reply Chetan Patil April 12, 2019 at 7:47 pm

    Can u give the list of all codes of html with the indication.

  • Reply Dimash Orazaly April 14, 2019 at 7:23 am

    How can I replace the registration form to the top right corner ?

  • Reply SAKTHIVEL RETNAVEL April 15, 2019 at 7:24 am

    Sir… Let me know whether we could design it in other sites such as JAVA- bluej… If I could know it… It will be very helpful… Its necessary to have ur suggestion… Pls post ur recommendation

  • Reply Coding with Basir April 17, 2019 at 5:48 am

    I like the way you teach HTML. I have created a short tutorial to Learn HTML with VS Code at https://www.youtube.com/watch?v=lOiDk1lXfD4 . Please leave your feedback about my style of teaching. It means a lot to me.

  • Reply pakistan zindabad .01 April 19, 2019 at 2:41 pm

    why you add neme=" " on the last of all input tags

  • Reply at494949 April 23, 2019 at 7:59 am

    Thank you friends
    You are great man
    Very helpful video for students

  • Reply Technical Swagger April 23, 2019 at 3:17 pm

    where we will be getting these all information after getting submitted by the user

  • Reply anik mukhles April 23, 2019 at 6:45 pm

    thank's bro….

  • Reply MBP Tech April 24, 2019 at 7:25 am

    Form ki detail kiss ke pass jaaygi

  • Reply Muslim Girl May 3, 2019 at 5:39 pm

    Thank you.How to make a database and connect this form?

  • Reply mohanaraman s May 6, 2019 at 9:02 am

    Once I share the link how can I see data of those who registrated

  • Reply Mantra Gohil May 12, 2019 at 8:40 am

    only to the point 🙂

  • Reply RRB Rocks May 12, 2019 at 12:19 pm

    how will the submit option will work i mean when i added then i click but it will not actually submitting the form so is there any use for it?? plz any one help me

  • Reply Gabber God May 17, 2019 at 3:25 pm

    What happens when you click submit?

  • Reply Hansie Hertzog May 19, 2019 at 1:33 pm

    Thank you so much!!

  • Reply hitesh lamba May 20, 2019 at 1:39 am

    How this whole Page be in middle of the page

  • Reply Vaishnavi Madasu May 20, 2019 at 3:53 pm

    I am not getting the columns in browser !!

  • Reply Hommade Web May 20, 2019 at 6:15 pm

    The table tag is not necessary u can just us br tag to start from new line

  • Reply O राम May 21, 2019 at 9:55 pm

    It looks new but also interesting. I should learn it to create something new and different digital space. coding is where my focus should be to make a research Alive Technology. O राम

  • Reply habtamu amsalu May 25, 2019 at 11:50 am

    very nice video really it ammazing

  • Reply you tubers May 27, 2019 at 11:55 am

    Thank you sir

  • Reply noman A.Gahfoor May 27, 2019 at 12:27 pm

    easy to learn

  • Reply NIKHELL GAMES May 31, 2019 at 4:12 am

    but where will be the entered information will go

  • Reply Vasudev Jaiswal June 3, 2019 at 6:38 am

    you are using which app in place of notepad

  • Reply jyotheesh trend June 4, 2019 at 5:04 am

    Sir if we press the submit the data will be saved know were it is saved

  • Reply jia ch June 7, 2019 at 12:10 pm

    sir HTML n page nh bn rha plz guide me

  • Reply SARAVANAN June 9, 2019 at 1:04 pm

    Hey hi How to html code to apk file in without Intel xdk other software
    Please given me your reply I'm waiting

  • Reply Ramesha S June 9, 2019 at 3:16 pm

    How to view that saved data ?

  • Reply roughbunny gameplays June 9, 2019 at 3:58 pm

    Hey brother,how much do you earn as a web developer.

  • Reply Lim xzhe kiu June 9, 2019 at 5:06 pm

    How to add advertising link below the subscription like yours ? Please make a video of that thank you love from Nagaland

  • Reply Kiran Veera June 11, 2019 at 12:52 pm

    I want form in middle of page

  • Reply Dayal Shambhu June 14, 2019 at 12:43 pm

    Can you give me your whattsapp no.just to ask the answer.

  • Reply Anu Kumar June 20, 2019 at 3:32 pm

    Sir, i need online land registration …

  • Reply Luísa Libardi June 24, 2019 at 12:09 am

    This was insanely helpful!! Thaaanks

  • Reply Sumanta Sen June 24, 2019 at 6:20 am

    Thanks sir.

  • Reply Nexon Gaming June 25, 2019 at 7:14 am

    Excellent video i saw many videos on YouTube about this subject but every videos contains unnecessary
    Stuff but i like your video this is very
    helpful. Excellent work!! Keep going

  • Reply Mumitu Jui June 25, 2019 at 3:19 pm

    thanks a lot

  • Reply Ganesh Bhalekar June 26, 2019 at 12:56 pm

    Thanks

  • Reply Sumit Mishra June 26, 2019 at 4:04 pm

    Hi needs a online course data science and progmminge

  • Reply Radheshyam Kasaudhan June 27, 2019 at 5:47 am

    Sir agar Hme es form me photo box lagana ho to kaise lagaye

  • Reply sudeep lamsoge June 28, 2019 at 5:14 am

    Which editor ur using bro?

  • Reply bernhard Gervas Dogani June 29, 2019 at 9:50 am

    Thanks very much bro, there's something I learn from you

  • Reply Na!Na KhaN July 2, 2019 at 4:43 am

    https://www.youtube.com/watch?v=BtfRJgnQw_Q&t=26s

  • Reply A R T Media Ullal Mangalore July 3, 2019 at 4:40 pm

    Hey Bro, Can I create this by using a Notepad ? Plz help me.

  • Reply sheikh shakil July 7, 2019 at 12:06 pm

    How to get next page after submit please tell

  • Reply sri kanth July 8, 2019 at 4:54 am

    can i know ? which editor you are using for sourcecode?

  • Reply Pooja Rathod July 9, 2019 at 4:28 am

    Helpfull, thanks for making this.. 👍

  • Reply Prathik Hegde July 9, 2019 at 11:05 am

    bro how to put suggestions for usernames by taking their first name and last name

  • Reply Reshma Simrin July 10, 2019 at 5:36 am

    Hello can to plz make the video where in the submit button should redirect to some other website

  • Reply ABHISHEK KUMAR JHA July 11, 2019 at 4:04 am

    Great

  • Reply V-Football Cambodia July 11, 2019 at 9:40 am

    U must to do it on Dreamweaver it very easy way

  • Reply P Vengadesh July 12, 2019 at 2:54 pm

    Very best video

  • Reply Mukesh Jidiya July 13, 2019 at 3:04 pm

    How to Add Profile Picture Uploading

  • Reply Jatin Phogat July 14, 2019 at 7:53 am

    Can I type them in simple form touching to the margin??

  • Reply manasvi badhe July 15, 2019 at 1:36 pm

    Where does the submited data stores sir???

    Please give the answer sir

  • Reply sumanta kumar July 16, 2019 at 4:08 am

    Hey go slow yaar

  • Reply Sonu Modi July 18, 2019 at 1:29 am

    But this is a half form

  • Reply chan chan July 20, 2019 at 1:40 am

    https://www.youtube.com/watch?v=j-cWBBV8hL8&t=27s

  • Reply ぱvaibhav July 22, 2019 at 4:23 pm

    Please make it one more but in include designed part

  • Reply Entertainment All Of Guys### July 23, 2019 at 2:51 pm

    but sir how we take this information in our website

  • Reply Vedanta PG Girls College Ringus Dist Sikar July 26, 2019 at 2:40 am

    how to use this file in excel

  • Reply rachit dwivedi July 26, 2019 at 1:04 pm

    Very crisp video. Thank you.

  • Reply Diego timoteo Nzang mangue July 30, 2019 at 9:07 am

    Thanks sir , keep it up !

  • Reply NO Baby July 30, 2019 at 11:47 am

    How to know all the information that is given by a person

  • Reply NO Baby July 30, 2019 at 11:47 am

    Please teach me

  • Reply Chinaz Mhamad July 31, 2019 at 10:52 am

    What's a program you're using?

  • Reply Bright NYTE August 1, 2019 at 3:19 am

    how do i get the form after created, if someone fills and submits it

  • Reply MR AMARDIP August 2, 2019 at 4:40 pm

    How to create a full application form
    Please Help me.
    Thanks

  • Reply The Real Gamer August 4, 2019 at 5:48 pm

    Great video man. <3

  • Reply Parul Pal August 8, 2019 at 11:10 pm

    Sir where is a table in the output

  • Reply ARPIT GAUTAM August 9, 2019 at 5:17 pm

    hey there, when I create country code list with mobile no. input they are far away. there is so much gap because of row size. but in your case it took only required space. How ?

  • Reply Utsav Navadiya August 15, 2019 at 4:05 pm

    How to save the details filled in the form to a target folder every time

  • Reply Zairul Yusoh August 17, 2019 at 8:08 pm

    Hello sir🙋. May i know what kind of software you do that html code? I dont know😕. I want to learn it👍

  • Reply ishaan mewara August 18, 2019 at 6:23 am

    Which software are you using in this video

  • Reply beke August 19, 2019 at 10:42 am

    create HTML app name install pls

  • Reply Task program August 19, 2019 at 4:42 pm

    How to see submit button in middle

  • Reply Ramachandran Natarajan August 21, 2019 at 6:58 am

    Brilliant

  • Reply Ramachandran Natarajan August 21, 2019 at 6:58 am

    Interesting

  • Reply vivek prasad August 22, 2019 at 5:20 am

    Learn HTML, CSS, Javascript with Ebetainnovations and clear all your doubts with I.T. Experts 100% JOB Placement Support visit our website @t or whatsapp me or call me on +91 9582472992.

  • Reply Chandrike Rawat August 27, 2019 at 2:49 pm

    Why is name attribute used

  • Reply Gulab bhai 8080 August 27, 2019 at 5:31 pm

    Sir video to shaf dikhaeye

  • Reply Shweta Banait August 28, 2019 at 7:06 am

    It was really easy step…thanks for tutorials

  • Reply Samreen Zulfeqar Hussain August 29, 2019 at 10:12 am

    Where is css

  • Reply pavan devada August 30, 2019 at 12:43 am

    while using select for code of a country.. is there any chance to get the country name by reference of code directly using html

  • Reply Rashmi Rane September 3, 2019 at 5:17 am

    Wow ,such a easy method . thanks it is very useful for me😊

  • Leave a Reply