📋 HTML Forms & Tables

Forms: Collecting User Input

The <form> element wraps all inputs. Each input should have a <label> linked via matching for and id attributes. This is required for accessibility.

Common input types: text, email, password, number, checkbox, radio, date. The type attribute controls the browser's UI widget and built-in validation.

Use <textarea> for multi-line text and <select><option> for dropdowns.

Form Validation Attributes

• required — must be filled before submission
• min / max — valid numeric range
• minlength / maxlength — character count limits
• pattern — regular expression the value must match
• placeholder — hint text shown when empty

Tables: Structured Data

Tables are for tabular data — rows and columns with a logical relationship. Use <thead>, <tbody>, <tfoot>, <tr>, <th>, and <td>. Never use tables for page layout — use CSS Grid or Flexbox.