Extract Every Field From an HTML Form

About this tool

Paste the HTML of a page or a single <form> and this tool walks the markup with a real HTML parser and reports every form control it finds — <input>, <select>, <textarea>, and optionally <button> — together with everything a developer, tester, or auditor needs to know about it:

• Identity — the element's tag, its effective type (a bare <input> is text, per the HTML spec), its name, and its id.
• Label — the visible text a user actually sees, resolved from <label for="…">, a wrapping <label>, aria-label, or title.
• Required flag — whether the field carries the required attribute.
• Default value — the value attribute, a <textarea>'s text, or the selected <option>(s).
• Placeholder — the hint text shown in an empty field.
• Validation rules — pattern, min, max, step, minlength, maxlength, accept, and autocomplete.
• State flags — disabled, readonly, checked, and multiple.
• Dropdown options — every <option> with its submitted value, its visible label, its <optgroup>, and whether it is selected.

Each form is reported with its action, method (lowercased, defaulting to get), id, name, and enctype, so you can see exactly where the data goes.

Worked example

Input HTML:

<form id="signup" action="/register" method="post">
  <label for="email">Email address</label>
  <input type="email" id="email" name="email" required placeholder="[email protected]" maxlength="64">
  <label>Age <input type="number" name="age" min="18" max="120"></label>
  <input type="hidden" name="csrf" value="tok123">
  <button type="submit">Sign up</button>
</form>

Output with Markdown selected:

## Form 0 — POST /register

id: `signup`

| # | Name | Type | Label | Required | Default | Validation |
|---|------|------|-------|----------|---------|------------|
| 1 | `email` | `email` | Email address | yes | — | maxlength=`64` |
| 2 | `age` | `number` | Age | no | — | min=`18`, max=`120` |
| 3 | `csrf` | `hidden` | — | no | `tok123` | — |

The submit button is absent because Include buttons is off by default — buttons are actions, not data fields. Switch it on and a fourth row appears. Choose JSON for the same data as a nested structure, or CSV for one flat row per field that pastes straight into a spreadsheet.

Good uses

• Write an API client or a scraper — get every field name and its default in one pass, instead of reading the markup by hand.
• Audit a form — spot missing required flags, missing labels (an accessibility problem), fields with no name (they are never submitted), and disabled fields.
• Review hidden state — CSRF tokens, cart ids, and tracking fields are shown by default.
• Document a form — paste the Markdown table into a README, a ticket, or a PR.
• Build test fixtures — the CSV lists every field, type, and constraint to generate cases from.

Limits and edge cases

• Reports at most 2000 fields per run. Past that you get an error asking you to pick a single form with the form index or split the HTML.
• Everything runs locally in your browser via WebAssembly. Nothing is uploaded, and the tool has no network access — it cannot fetch a URL for you, so paste the markup (View Source, or your browser's DevTools → Elements → Copy → Copy outerHTML).
• Fields are read from the static markup. Controls that JavaScript adds after page load are not in the source you copied from View Source; copy from DevTools instead to capture them.
• A <select> with no selected option reports its first option as the default, which is what browsers submit. A multiple select with nothing selected reports an empty default.
• Radio buttons and checkboxes that share a name are listed as separate fields, one per element, because each has its own value and checked state.

FAQ