<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: File Filler</title>
    <description>The latest articles on DEV Community by File Filler (@file_filler_30c78b071a358).</description>
    <link>https://dev.to/file_filler_30c78b071a358</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3968486%2Fc78616df-3886-4934-a95a-a015252dce93.png</url>
      <title>DEV Community: File Filler</title>
      <link>https://dev.to/file_filler_30c78b071a358</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/file_filler_30c78b071a358"/>
    <language>en</language>
    <item>
      <title>How to Auto‑Fill Web Forms from Excel or CSV Using a Chrome Extension</title>
      <dc:creator>File Filler</dc:creator>
      <pubDate>Thu, 04 Jun 2026 14:36:19 +0000</pubDate>
      <link>https://dev.to/file_filler_30c78b071a358/how-to-auto-fill-web-forms-from-excel-or-csv-using-a-chrome-extension-2bkp</link>
      <guid>https://dev.to/file_filler_30c78b071a358/how-to-auto-fill-web-forms-from-excel-or-csv-using-a-chrome-extension-2bkp</guid>
      <description>&lt;p&gt;Manually copying data from Excel into web forms is one of those tasks everyone hates but still ends up doing.&lt;br&gt;
Copy → switch tab → paste → repeat.&lt;br&gt;
If the form has 20 fields, you repeat the cycle 20 times. If you have 50 rows, you repeat it 50×.&lt;/p&gt;

&lt;p&gt;I wanted something simpler.&lt;br&gt;
No flows.&lt;br&gt;
No scripts.&lt;br&gt;
No mapping.&lt;br&gt;
Just: upload file → fill form.&lt;/p&gt;

&lt;p&gt;So I built a Chrome/Edge extension that does exactly that.&lt;/p&gt;

&lt;p&gt;👉 &lt;a href="https://exceltoform.com" rel="noopener noreferrer"&gt;https://exceltoform.com&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Below is a breakdown of how it works and the logic behind it.&lt;/p&gt;

&lt;p&gt;🔍 How the Extension Finds the Right Fields&lt;br&gt;
When you upload an Excel/CSV/TXT file, the extension reads the header names (e.g., First Name, Email, Address) and searches the entire webpage for matching text.&lt;/p&gt;

&lt;p&gt;It looks for matches in:&lt;/p&gt;

&lt;p&gt;labels&lt;/p&gt;

&lt;p&gt;placeholders&lt;/p&gt;

&lt;p&gt;input names&lt;/p&gt;

&lt;p&gt;nearby text around the field&lt;/p&gt;

&lt;p&gt;If it finds a match, it fills the value automatically.&lt;/p&gt;

&lt;p&gt;No configuration.&lt;br&gt;
No selectors.&lt;br&gt;
No XPath.&lt;br&gt;
Just smart matching.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🟦 Mode 1: Simple Form Filling&lt;/strong&gt;&lt;br&gt;
This mode is for classic forms where each field appears once.&lt;/p&gt;

&lt;p&gt;You only choose where your headers are:&lt;/p&gt;

&lt;p&gt;first row&lt;/p&gt;

&lt;p&gt;or first column&lt;/p&gt;

&lt;p&gt;That’s the only setup.&lt;/p&gt;

&lt;p&gt;How it works&lt;br&gt;
The extension takes your header names&lt;/p&gt;

&lt;p&gt;Scans the page&lt;/p&gt;

&lt;p&gt;Finds matching fields&lt;/p&gt;

&lt;p&gt;Fills them&lt;/p&gt;

&lt;p&gt;Repeated fields&lt;br&gt;
You can choose how duplicates behave:&lt;/p&gt;

&lt;p&gt;Repeat ON → same value goes into all matching fields&lt;/p&gt;

&lt;p&gt;Repeat OFF → values are filled in order (useful when your file contains multiple entries for the same field)&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🟩 Mode 2: Table Form Filling&lt;/strong&gt;&lt;br&gt;
This mode is for data organized in rows (like a customer list, product list, etc.).&lt;/p&gt;

&lt;p&gt;Example:&lt;/p&gt;

&lt;p&gt;Row 1 → column headers&lt;/p&gt;

&lt;p&gt;Column 1 → field names used for matching&lt;/p&gt;

&lt;p&gt;Each row → one complete record&lt;/p&gt;

&lt;p&gt;The extension ignores the rest of row 1 — it only uses the first column for matching.&lt;/p&gt;

&lt;p&gt;Why?&lt;br&gt;
Because the user defines the order directly inside the extension (Order section).&lt;br&gt;
The column order in the file doesn’t matter.&lt;/p&gt;

&lt;p&gt;This makes the system flexible and avoids strict file structures.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;🟧 Mode 3: Template File&lt;/strong&gt;&lt;br&gt;
This is the fastest mode when you want full control.&lt;/p&gt;

&lt;p&gt;The extension generates a template file containing all fields it found on the webpage.&lt;br&gt;
Each field is represented by a number.&lt;/p&gt;

&lt;p&gt;You simply:&lt;/p&gt;

&lt;p&gt;Generate the template&lt;/p&gt;

&lt;p&gt;Fill in the values&lt;/p&gt;

&lt;p&gt;Upload it back&lt;/p&gt;

&lt;p&gt;If a cell is empty, the extension skips that field.&lt;/p&gt;

&lt;p&gt;No rules.&lt;br&gt;
No mapping.&lt;br&gt;
Just fill → upload → done.&lt;/p&gt;

&lt;p&gt;🎯 Why I Built It&lt;br&gt;
Most automation tools are powerful but require too much setup:&lt;/p&gt;

&lt;p&gt;mapping fields&lt;/p&gt;

&lt;p&gt;configuring flows&lt;/p&gt;

&lt;p&gt;adjusting selectors&lt;/p&gt;

&lt;p&gt;debugging when the page changes&lt;/p&gt;

&lt;p&gt;For simple form filling, it’s overkill.&lt;/p&gt;

&lt;p&gt;I wanted something that works the way people actually work:&lt;/p&gt;

&lt;p&gt;upload a file&lt;/p&gt;

&lt;p&gt;choose header orientation&lt;/p&gt;

&lt;p&gt;decide how repeated fields behave&lt;/p&gt;

&lt;p&gt;fill the form&lt;/p&gt;

&lt;p&gt;That’s it.&lt;/p&gt;

&lt;p&gt;If it saves someone from the repetitive Excel → browser → Excel → browser loop, then it did its job.&lt;/p&gt;

&lt;p&gt;🔗 Try the Extension&lt;br&gt;
Chrome &amp;amp; Edge:&lt;br&gt;
&lt;a href="https://exceltoform.com" rel="noopener noreferrer"&gt;https://exceltoform.com&lt;/a&gt;&lt;/p&gt;

</description>
      <category>extensions</category>
      <category>webdev</category>
      <category>automation</category>
      <category>productivity</category>
    </item>
  </channel>
</rss>
