HTML Tutorial Part : 9 | How to create Registration form in HTML

Posted on Posted in HTML

In this video post I tried to show you how to create registration form in HTML. This video will show you how to write code for input element like text, password, radio buttons, check boxes and submit button. If you have any questions then feel free to ask me in the comment section.

Let’s have a look at the live demo of our registration form in HTML

Now I am going to show you how to make a similar kind of registration form in HTML for your website. Please paste the code below into the body section of your HTML webpage.

    First Name:
    <input type="text" name="firstname"><br>
    Last Name:
    <input type="text" name="lastname"><br>
    <input type="password" name="pwd"><br>
    Radio Button: Are you male or female?<br>
    <input type="radio" name="sex" value="male">Male
    <input type="radio" name="sex" value="female">Female<br>
    Check Box: Check the languages you know<br>
    <input type="checkbox" name="language" value="html">HTML<br>
    <input type="checkbox" name="language" value="php">PHP<br>
    <input type="checkbox" name="language" value="c">C<br>
    <input type="submit" value="submit"><br>

About MD Mosleh Uddin

Trying to create an interesting and comfortable environment for the beginners of different programming languages and web design.

30 thoughts on “HTML Tutorial Part : 9 | How to create Registration form in HTML

    1. Thank you for your comment. I have plan of making user registration in PHP. So please keep in touch with us.

  1. Hi,
    I am a new developer, before coming across your blog, i know some stuffs and codes involved in developing a registration form.
    but my question is this, with the codes that you gave above, how does the users details/data from the registration form gets into my email.?
    The one that develops after clicking the “submit” button , open up another pop up in the form of web email

    What is the solution please?

  2. i want these validations developed in jquery and corresponding code in jsp

    Student Name in Textbox, Branch in Dropdown,Year of passing 12th Textbox, 12th Marks Textbox, NSS Cadet Radio Button Address Text Area,
    Email Text box,

    Date of Birth Text Box,
    Should provide a date picker which can be provided to select a date which appears in the text box.

    View Fees
    Fee Details Screen : This is a pop screen which lists down the fee and caution deposit details for all the branches available in the system.

  3. How can we increase the height of text field and in the field how can we include address in multiple lines not in single line?

Leave a Reply

Your email address will not be published. Required fields are marked *

four × three =