Home » HTML Tutorial » Html table examples | Html table attributes | form table html

Html table examples | Html table attributes | form table html

html table example for beginners

Html table examples

We are showing html table examples for creating html form . This is a Html tutorial for beginners to get easily understand and do practice html code in a text editor.

Let’s check what we have shown HTML Code

How To Create Html Form Using Table

Form table html – 

<!DOCTYPE>

<html>

<head>Html Form Create Using Table</head>

<body>

<center>

<form method=”post” action=”#” id=”frm”>

<table class=”” id=”tab”>

<tr>

<th colspan=”2″>Fill Up The Registration Form</th>

</tr>

<tr>

<td>Full Name</td>

<td><input type=”text” name=”fnme” placeholder=”Enter Full Name”/></td>

</tr>

<tr>

<td>Username</td>

<td><input type=”text” name=”unme” placeholder=”Enter Username”/></td>

</tr>

<tr>

<td> User Password</td>

<td><input type=”password” name=”pwd” placeholder=”Enter Password”/></td>

</tr>

<tr>

<td>Address</td>

<td><textarea name=”address” placeholder=”Enter Full Name”></textarea></td>

</tr>

<tr>

<td>Date Registration</td>

<td><input type=”date” name=”date” /></td>

</tr>

<tr>

<td>Select Country</td>

<td>

<select name=”country”>

<option value=”India”>INDIA </option>

<option value=”AUSTRALIA”>AUSTRALIA </option>

<option value=”SOUTH AFRICA”>SOUTH-AFRICA</option>

</select>

</td>

</tr>

<tr>

<td>Gender</td>

<td>

<input type = “radio” name=”gender” value=”Male”/>Male

<input type = “radio” name = “gender” value = “Female”/>Female

</td>

</tr>

<tr>

<td colspan=”2”>

<input type = “submit” name = “submit” value = “Save”/>

</td>

</tr>

</table>

</form>

</center>

</body>

</html>

Html Mark-up Tags | Html table attributes

List of html tags, we have used to create html user registration form using tables.And We have shown varaety of attributes for creating table using the form.

  1. Form
  2. Table
  3. Tr
  4. Td
  5. Input
  6. Text area
  7. Select

Html Tags –  Properties

  1. Name
  2. Value
  3. Type
  4. Placeholder

In this Section We have covered the basic registration form,  Structure using html tags. This is a way we can create a User Registration Form.If you need to try it you can copy the html code in a text editor and save it with extension .html or .htm

Html Checkbox

In this session we are covering up html checkbox input type tags.Lets See Out Html Code

<input type =”checkbox” name = “hobby” value = “Cricket”/>Cricket

<input type =”checkbox” name = “hobby” value = “Football”/>Football

<input type =”checkbox” name = “hobby” value = “Hockey”/>Hockey

Connect With US Social Media Platform

=======================================

Instagram : https://www.instagram.com/abirstechnology/

Youtube :  https://bit.ly/30s208F

Facebook :  https://www.facebook.com/abirstechnology

   Mix          :        https://mix.com/abirs_technology

 

======================================

 

 

Watch Our Live Html  Video Tutorial :

https://youtu.be/Vt2qkJXHz38

, , , ,

Leave a Reply

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

*
*