AutoFill Forms

🔄 Chrome Extension to save and auto-fill form data per website — preview fields before saving, edit values anytime, copy with one click.

Features

• Preview Before Saving — See all detected form fields and edit values before saving
• Per-Site Storage — Form data is stored separately for each website
• Edit Anytime — View, modify, or delete saved fields from the popup
• Copy Values — One-click copy any field value to clipboard
• Auto-fill Support — Fill forms manually or enable auto-fill on page load
• React/Vue Compatible — Dispatches proper events for modern frameworks
• Privacy-focused — All data stays in your browser (Chrome sync storage)

Installation

1. Download or clone this repository
2. Open Chrome and go to chrome://extensions/
3. Enable Developer mode (toggle in top-right corner)
4. Click Load unpacked
5. Select the auto-fill folder

Usage

1. Visit any page with a form
2. Click the extension icon — see all detected fields
3. Edit values if needed, remove fields you don't want
4. Click "Save These Fields"
5. Revisit the page → click "Autofill Form" or enable auto-fill on page load

Files

auto-fill/
├── manifest.json    # Extension configuration (Manifest V3)
├── content.js       # Content script for DOM interaction
├── popup.html       # Extension popup UI
├── popup.js         # Popup logic and messaging
├── styles.css       # Popup styles (dark theme)
├── icons/           # Extension icons
│   ├── icon16.png
│   ├── icon48.png
│   └── icon128.png
└── assets/
    └── screenshot.png

Technical Details

• Manifest V3 — Latest Chrome extension format
• Field Matching — Matches by name attribute (falls back to id)
• Supported Elements — <input>, <textarea>, <select>
• Event Dispatching — Fires input and change events for framework compatibility
• Storage — Uses chrome.storage.sync for cross-device persistence

Data Structure

{
  "example.com": {
    "email": "user@example.com",
    "firstName": "John",
    "company": "Acme Inc"
  }
}

Permissions

Permission	Purpose
storage	Save form data
activeTab	Access current tab
scripting	Inject content scripts
<all_urls>	Work on any website

License

MIT