Registration form in html code using table | form html code

How to create Registration form in html using table

how to create form in html using table Explanation in Below after the end of this code. Registration form in html means you can create using table tag, For more attractive to the your client. Here is best attractive . Please ignore the quality of my images, this image format is webp, and I am using blogger platform... that's why I'm using low quality and low size image for load fast..  form html code is fully good and correct code I am given to you.. Please copy below code and paste on  your notepad then save that file as html extension and run, you will get result or registration form for you.
registration form in html code using table code free download


*******************************************************

Registration form in html code free download

Registration form in html with border 

<!DOCTYPE html>

<html>

    <head>

       <title>FORM IN HTML</title>

  </head>

    <body>

        <form>

            <table border="1" cellspacing="0" align="center" cellpadding="10" bgcolor="lightyellow"          style="color: brown; font-size:19px ">

                <tr  >

                   <td>

                        <b>Enter Your Name</b>

                    </td>

                    <td >

                        <input type="text" name="nametxt" value="" placeholder="YOUR NAME"                       autocomplete="off" autofocus required>

                    </td>

                </tr>

                <tr>

                    <td>

                       <b>Enter Your Password</b> 

                    </td>

                    <td>

                        <input type="password" name="passcode" value="" placeholder="YOUR                        PASSWORD"  required>

                    </td>

                </tr>

                <tr>

                    <td><b>YOUR Career option in Online Field </b></td>

                    <td>

                        <input type="checkbox" name="chk1" value="BLOGGING">Blogging <br>

                        <input type="checkbox" name="chk2" value="YOUTUBE">YouTuber <br>

                        <input type="checkbox" name="chk3" value="AFFILITAE">Affiliate Marketing  <br>

                        <input type="checkbox" name="chk4" value="MENTOR">Mentor of any Expert  field <br>

                        <input type="checkbox" name="chk5" value="RJOB">Regular Job

                    </td>

                </tr>

                <br>

               <tr>

                    <td><b>Gender</b></td>

                    <td>

                        <input type="radio" name="gender" value="Male" checked>Male <br>

                       <input type="radio" name="gender" value="Female">Female <br>

                    </td>

                </tr>

               <tr>

                    <td><b>YOUR LUCKY NUMBER</b></td>

                   <td>

                        <input type="number" name="txtnum" value=""placeholder="7" required >

                    </td>

                </tr>

                <tr>

                    <td><b>YOUR E-mail ID</b></td>

                   <td>

                        <input type="email" name="txtmail" value="" placeholder="example@gamil.com"   required >

                    </td>

                </tr>

                <tr>

                   <td><b>YOUR Date Of Birth</b></td>

                   <td>

                     <input type="date" name="txtdate" value="" required >

                    </td>

                </tr>

                <tr>

                    <td><b>YOUR favorite Color</b></td>

                    <td>

                        <input type="color" name="txtcolor" value="" required>

                    </td>

                </tr>

            <tr>

                <td><b>YOUR Birth Time</b></td>

                <td>

                   <input type="time" name="txttime" value="" required > Click on the CLock symbol

                    </td>

                </tr>

                <tr>

                    <td><b>Week</b></td>

                    <td>

                        <input type="week" name="txtweek" value="" required >

                    </td>

                </tr>

                <tr>

                    <td><b>Month</b></td>

                    <td>

                        <input type="month" name="yearmonth" value="" required >

                    </td>

                </tr>

                

                <tr>

                    <td><b>YOUR Programming Skill</b></td>

                    <td>

                        <select name="slctlag" multiple>

                            <option value="JAVA">Java</option>

                            <option value="PHP">Php</option>

                            <option value="PYTHON">Python</option>

                            <option value="vb">VB</option>

                            <option value="js" selected>Java script </option>

                        </select>

                    </td>

                </tr>

                <tr>

                    <td><b>YOUR ADDRESSS</b></td>

                    <td>

                        <textarea name="txtadd"  cols="30" rows="6" required></textarea>

                    </td>

                </tr>

                <tr>

                    <td><b>Upload file</b></td>

                    <td>

                        <input type="file" value="" name="imgfile"required>


                    </td>

                </tr>

                <tr>

                    <td><b>Best Expert Prog. Language</b></td>

                    <td>

                        <input type="text" value="" name="motherlang" list="language">

                        <datalist id="language">

                            <option value="C-Language basic">

                            <option value="C++">

                            <option value="C#">

                            <option value="Data Structure In C">

                            <option value="Web-Development"></option>

                            </option>

                        </datalist>

                    </td>

                </tr>

                <tr>

                    <td><b>YOUR Communication Skill</b></td>

                    <td>

                        <input type="range" name="price" value="20,000" >

                    </td>

                </tr>

                <tr>

                    <td><b>Your TelePhone No.</b></td>

                    <td>

                        <input type="tel" name="teleno" value="" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" placeholder="000-000-0000" >

                    </td>

                </tr>

                <tr>

                    <td><b>Your Website</b></td>

                    <td>

                        <input type="url" name="txturl" value="" placeholder="https://example.com" required>

                    </td>

                </tr>

                <tr bgcolor="balck">

                    <td colspan="3" align="center">

                        <input type="button" name="btnstand" value="Click Here">

                        <input type="submit" name="btnsave" value="Save">

                        <input type="reset" name="btnreset" value="Reset">

                    </td>

                </tr>

            </table>

        </form>

    </body>

</html>

*******************************************************

create form in html using table Result:-

html registration form code free download

registration form in html with source code free download

registration form in html code  table

*******************************************************

Acer Aspire:-  https://amzn.to/3eaH3I3
Mi Notebook Horizon 14:-  https://amzn.to/3AG4O4m
Laptops Price under 60K:- https://amzn.to/3wnosP5

how to create form in html using table Explanation 

create form in html using table

I'm explain you line by line

After the BODY tag, We use <form> tag for creating a form by the help of  <table>, here I am using table tag for giving nice structure of form

<table> in table tag bordre="1", For giving outer line of the table or table of border, If you giving border="0", then you unable to see that border on table...

in table tag cellspacing="0" because we are not giving any distance between content. or if you giving cellspacing="1" then your content is showing inside the box....

in table tag align="center" for set your form to be show in Center

in table tag cellpadding="10" for distance between border and content data.

in table tag bgcolor="lightyellow" for giving background color that table or form

in table tag style="color: brown; font-size: 19px"  for giving text color and text size , on that content on table

in table tag

Row 1

<input type="text" name="nametxt" value="" placeholder="Your Name " autocomplete="off" autofocus required>

input type:- it means what is your input requirement it should be " text, number , file, password, date, range, checkbox, radio, email, date, color, time, week, month, tele, url, button, sumbit, reset.

name:- what name you should be give name you want to use for input type.

value="" is empty because user or client enter some data and click on save then data is save on value or server or goes that value data to the manager.

placeholder="Your Name" for giving this to good interact user to this form, 

autocomplete="off" means, your previous entered data will not showing or history is cleared 

autofocus  = Means your cursor automatically point to that input type..

require  = Means this input type filed is never be empty... or compulsory for user 


ROW 2

<input type="password" name="passcode" value="" placeholder="YOUR PASSWORD"  required>

type="password"  those password you will enter that is fully secure, because your entered value is not showing to the user

value and placeholder covered.


ROW 3

<td>

              <input type="checkbox" name="chk1" value="BLOGGING">Blogging <br>

               <input type="checkbox" name="chk2" value="YOUTUBE">YouTuber <br>

                <input type="checkbox" name="chk3" value="AFFILITAE">Affiliate Marketing <br>

                 <input type="checkbox" name="chk4" value="MENTOR">Mentor of any Expert field <br>

                   <input type="checkbox" name="chk5" value="RJOB">Regular Job

 </td>

input type="checkbox" this like multiple option you have to mark or checked.

name="chk1" you can give any name as your choice, but you 1st letter should be small character and never use number to the 1st vale... For example:- name="1chk"  Not write this.

value="BLOGGING" Here the concept of value is changed because here use we use checkbox as input type... and if you will clicked on Blogging then, this information goes to the server of website manager as value BLOGGING.

value="YOUTUBE" Here the concept of value is changed because here use we use checkbox as input type... and if you will clicked on YouTuber then, this information goes to the server of website manager as value YOUTUBE..

And write that value out sider the input, those user can read and clicked on FOR EXAMPLE:-

<input type="checkbox" name="chk1" value="BLOGGING">Blogging <br>

Blogging is showing on client side, and value can save as BLOGGING. You can put your value as your requirements

and so on..


ROW 4

<td>

              <input type="radio" name="gender" value="Male" checked>Male <br>

               <input type="radio" name="gender" value="Female">Female <br>

 </td>

input type="radio" Radio button is using because we want one answer form 2 values..

name="gender" is same on all radio button name because, we want only one clicked or one answer.

checked : it means you can set any value as by default checked on client side

 Value is same as ROW 3

<br> is using for change the line


ROW 5

<td><b>YOUR LUCKY NUMBER</b></td>

          <td>

                  <input type="number" name="txtnum" value=""placeholder="7" required >

            </td>


<b> For Bold text

input type ="number" For entering numbers only. 

name :- give any name as you want

value"" is blank because , when client is putting some value and click on save then, entered value goes to the server or manager as information.

placeholder="7" by default showing 7 number to the client sider

required it means compulsory for client 



ROW 6

<td><b>YOUR E-mail ID</b></td>

  <td>

           <input type="email" name="txtmail" value="" placeholder="example@gamil.com" required >

   </td>

<b> For Bold text

input type ="email" For entering numbers only. 

name :- give any name as you want

value"" is blank because , when client is putting some value and click on save then, entered value goes to the server or manager as information.

placeholder="example@gmail.com" by default showing example@gmail.com email address to the client sider

required it means compulsory for client 

Keywords

html form code download

html registration form code download

Post a Comment

0 Comments