Scribd
Upload
58 views

HTML2

This document provides an introduction to HTML forms and tables. It defines key HTML tags for creating tables, like <table>, <tr>, <th>, and <td>. It also covers form elements such as <input>, <select>, <textarea>, <fieldset>, <legend>, <datalist>, radio buttons, checkboxes and more. The document explains attributes for each element, for example the method and target attributes for forms, and the size attribute for textareas. It provides guidance on proper formatting and layout of tables and forms.

Uploaded by

Tahmid Hasan Fuad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
58 views

HTML2

This document provides an introduction to HTML forms and tables. It defines key HTML tags for creating tables, like <table>, <tr>, <th>, and <td>. It also covers form elements such as <input>, <select>, <textarea>, <fieldset>, <legend>, <datalist>, radio buttons, checkboxes and more. The document explains attributes for each element, for example the method and target attributes for forms, and the size attribute for textareas. It provides guidance on proper formatting and layout of tables and forms.

Uploaded by

Tahmid Hasan Fuad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 30

Intro to HTML

Mr. Sunanda Das


Lecturer, Dept. of CSE, KUET
HTML Table
• An HTML table is defined with the <table> tag.
• Each table row is defined with the <tr> tag.
• A table header is defined with the <th> tag.

• By default, table headings are bold and centered. A table data/cell is


defined with the <td> tag.
Collapsed Borders
Cell padding
Left-align Headings
Border Spacing
Cells that Span Many Columns
Cells that Span Many Rows
Adding a Caption
HTML Forms
• <input type="submit"> defines a button for submitting the form data
to a form-handler.

• The form-handler is typically a page on the server with a script for


processing input data.

• The form-handler is specified in the form's action attribute.


The Target Attribute
• The target attribute specifies if the submitted result will open in a
new browser tab, a frame, or in the current window.

• The default value is "_self" which means the form will be submitted in
the current window.

• To make the form result open in a new browser tab, use the value
"_blank".
The Method Attribute
• The method attribute specifies the HTTP method (GET or POST) to be
used when submitting the form data.
• when GET is used, the form data will be visible in the page's address
field:
• Always use POST if the form data contains sensitive or personal
information. The POST method does not display the form data in the
page address field.
Radio Buttons
Drop-Down List
• The <option> elements defines an option that can be selected.

• By default, the first item in the drop-down list is selected.

• To define a pre-selected option, add the selected attribute to the


option:
Visible Values:
• Use the size attribute to specify the number of visible values:
The <textarea> Element
• The <textarea> element defines a multi-line input field (a text area):

• The rows attribute specifies the visible number of lines in a text area.

• The cols attribute specifies the visible width of a text area.


The <fieldset> and <legend> Elements

• The <fieldset> element is used to group related data in a form.

• The <legend> element defines a caption for the <fieldset> element.


The <datalist> Element
• The <datalist> element specifies a list of pre-defined options for an
<input> element.

• Users will see a drop-down list of the pre-defined options as they


input data.

• The list attribute of the <input> element, must refer to the id


attribute of the <datalist> element.
Password fields
Input Type Checkbox
references
• https://www.w3schools.com/html/html_tables.asp

You might also like