Sources & Maintenance
All source content was authored from local MWG extracts at /tmp/mwg/forms/. These are adaptations of Google Modern Web Guidance; the canonical online source is likely at web.dev or developer.chrome.com (URLs to be verified on next update).
Drupal Research Install
Path: N/A — this is a web-platform guide; no Drupal install reference required.
Web Sources
| Source | URL / Path | Guide Sections | Last Verified |
|---|---|---|---|
| MWG forms root | /tmp/mwg/forms/forms.md |
form-structure-semantics, input-types-and-modes, autocomplete-and-autofill, native-validation | 2026-06-09 |
| MWG autofill-address-form | /tmp/mwg/forms/autofill-address-form.md |
autocomplete-and-autofill | 2026-06-09 |
| MWG autofill-payment-form | /tmp/mwg/forms/autofill-payment-form.md |
autocomplete-and-autofill, input-types-and-modes | 2026-06-09 |
| MWG autofill-sign-in-form | /tmp/mwg/forms/autofill-sign-in-form.md |
autocomplete-and-autofill | 2026-06-09 |
| MWG autofill-sign-up-form | /tmp/mwg/forms/autofill-sign-up-form.md |
autocomplete-and-autofill | 2026-06-09 |
| MWG autofill-highlight-inputs | /tmp/mwg/forms/autofill-highlight-inputs.md |
autofill-visual-feedback | 2026-06-09 |
| MWG branded-select-styling | /tmp/mwg/forms/branded-select-styling.md |
styling-native-select | 2026-06-09 |
| MWG custom-select-picker-layouts | /tmp/mwg/forms/custom-select-picker-layouts.md |
styling-native-select | 2026-06-09 |
| MWG animated-select-picker | /tmp/mwg/forms/animated-select-picker.md |
styling-native-select | 2026-06-09 |
| MWG select-menu-interaction | /tmp/mwg/forms/select-menu-interaction.md |
native-validation, styling-native-select | 2026-06-09 |
| MWG form-fields-automatically-fit-contents | /tmp/mwg/forms/form-fields-automatically-fit-contents.md |
field-sizing | 2026-06-09 |
| MWG required-field-feedback | /tmp/mwg/forms/required-field-feedback.md |
native-validation | 2026-06-09 |
| MWG validate-input-after-interaction | /tmp/mwg/forms/validate-input-after-interaction.md |
native-validation | 2026-06-09 |
| MWG brand-consistent-forms | /tmp/mwg/forms/brand-consistent-forms.md |
styling-native-select | 2026-06-09 |
| MWG rich-media-picker | /tmp/mwg/forms/rich-media-picker.md |
rich-media-input | 2026-06-09 |
Cross-Linked Guides (do not duplicate)
| Guide | Published Path | Sections That Cross-Link |
|---|---|---|
| Form Interaction Craft | docs/js/interaction-craft/form-interaction-craft.md |
native-validation |
| user-valid and user-invalid | docs/css/modern-css/user-valid-invalid.md |
native-validation |
| field-sizing: content | docs/css/modern-css/field-sizing.md |
field-sizing |
Code Sources
None — this guide covers web platform APIs and CSS properties. No Drupal-specific module code is referenced.