Logo Intro-Web-Dev
  • Modules
    • Introduction

    • GIT Module
    • 01://Reopositories
    • 02://READMEs
    • 03://Pages
    • 04://GIT Website

    • HTML Module
    • 05://Markup
    • 06://Forms
    • 07://Media
    • 08://HTML Website

    • CSS Module
    • 09://Color
    • 10://Typography
    • 11://Positiong
    • 12://CSS Website
  • FAQ
  • About

“Forms”

Topic Overview

Table Structure

Tables in HTML The <table> Tags Rows Cells Headings The <table> Element TODO

Table Styling

Styling Borders Cell Padding TODO

Intro to Forms

Web Forms The <form> Tags Action Method ID and Class The <form> Element TODO

Form Input Elements

Asking for Input The <iput> Tag Type Name ID The <input> Element TODO

Text Types

Text Input Plain Text Password Text Area Maxlength Columns and Rows Placeholder Size Value Autofocus TODO

Selection Types

Selection Input Radio Buttons The Checkbox Element The Select Box (AKA Dropdown Select) TODO

Button Types

Buttons The Upload Button The Submit Button The Image Button The Button Element TODO

Form Management

Keeping Track Labels and IDs Fieldsets and Legends TODO

HTML5 Inclusions

New in HTML5 Validation Date E-Mail Search Figure and Figcaption TODO

The <form> Tags

25% Complete (success)

<form action="#" method="..." id="..." class="..." > ... </form>

To include a form in a webpage we must declare a form element section. This is simply accomplished by using the <form>...</form> tags.

Between these tags will be separate “form elements” such as “text boxes” and “buttons” that we will discuss in the proceeding pages.

As with images, this element is reliant on attributes within the tag to allow it to be useful. Visit the next pages to learn these attributes.


  • ← Previous
  • Next →

Intro-Web-Dev © 2025 | More at Media-Ed-Online