# HTMl Table Or Form And Form Element
### HTML Table:
* HTML tables offer a powerful tool for presenting data on your website
* HTML table is used to display data in tabular form (row \* column).
### Defining Tables in HTML:
**HTML Table Tag:**
| Tag | Description |
| --- | --- |
| <table> | It defines a table. |
| <tr> | It defines a row in a table. |
| <th> | It defines a header cell in a table. |
| <td> | It defines a cell in a table. |
| <caption> | It defines the table caption. |
| <colgroup> | It specifies a group of one or more columns in a table for formatting. |
| <col> | It is used with <colgroup> element to specify column properties for each column. |
| <tbody> | It is used to group the body content in a table. |
| <thead> | It is used to group the header content in a table. |
| <tfooter> | It is used to group the footer content in a table. |
* We can create a table to display data in tabular form, using <table> element, with the help of <tr> , <td>, and <th> elements.
* Table row is defined by <tr> tag.
* Table header is defined by <th> tag.
* Table data is defined by <td> tags.
**Example:**
```xml
First_Name
Last_Name
Marks
Sonoo
Jaiswal
60
James
William
80
Swati
Sironi
82
Chetna
Singh
72
```
**Output:**
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1711091849555/8d93a4c1-40d1-418c-b212-8c9eb99071c6.png align="center")
### What are table rowspan and colspan in HTML?
* The **rowspan** and **colspan** are the attributes of **<td> tag**.
* These are used to specify the number of rows or columns a cell should merge.
* The **rowspan** attribute is for merging rows of the table in HTML.
* The **colspan** attribute is for merging columns of the table in HTML.
**Syntax :**
Following is the syntax to **merge table cells in HTML** −
```xml
cell data
cell data
```
### **Example 1 − Setting the *rowspan***
Now let us look at an example where we set the **rowspan** of the one of the columns to **2**.
```xml
Tables in HTML
First Name
Job role
Aditya
Software Developer
Shreya
Shiv
Tester
```
**Output:**
![](https://cdn.hashnode.com/res/hashnode/image/upload/v1711092505063/8a7a8ae2-e66b-4168-a55a-696b40833099.png align="center")
### **HTML Form :**
* An **HTML form** is *a section of a document* which contains controls such as text fields, password fields, checkboxes, radio buttons, submit button, menus etc.
* An HTML form facilitates the user to enter data that is to be sent to the server for processing such as name, email address, password, phone number, etc.
* HTML forms are required if you want to collect some data from of the site visitor.
* For example: If a user want to purchase some items on internet, he/she must fill the form such as shipping address and credit/debit card details so that item can be sent to the given address.
**HTML Form Syntax :**
```xml
```
**Features Of Form**
* Facilitates user input collection through various elements.
* Utilizes <form> tags to structure input elements.
* Defines actions for data submission upon form completion.
* Supports client-side validation for enhanced user experience.
**HTML Form Tags :**
| Tag | Description |
| --- | --- |
| <form> | It defines an HTML form to enter inputs by the used side. |
| <input> | It defines an input control. |
| <textarea> | It defines a multi-line input control. |
| <label> | It defines a label for an input element. |
| <fieldset> | It groups the related element in a form. |
| <legend> | It defines a caption for a <fieldset> element. |
| <select> | It defines a drop-down list. |
| <optgroup> | It defines a group of related options in a drop-down list. |
| <option> | It defines an option in a drop-down list. |
| <button> | It defines a clickable button. |
### HTML <input> tag :
The HTML `` tag defines the field where the user can enter data.
For example :
```xml
```
**Browser Output :**
![HTML Input tag](https://www.programiz.com/sites/tutorial2program/files/html-form-inputs-input.png align="left")
* type - determines the type of input the `` tag takes
* name - specifies the name of the input
To learn more about the HTML input tag and its types, visit [*HTML \_Tag*](https://adityag7678.hashnode.dev/designing-with-html-tags-and-element)*.*
---
### HTML <label> tag :
The HTML label tag is used to create a caption for a form element. The text inside the `