netlify-forms

Collect HTML form submissions on static sites via Netlify Forms.

32|7|Updated Nov 26, 2025
One-click install
npx skills add https://github.com/netlify/context-and-tools --skill netlify-forms-netlify
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: netlify-forms
Source: https://github.com/netlify/context-and-tools/tree/main/codex/skills/netlify-forms
Command: npx skills add https://github.com/netlify/context-and-tools --skill netlify-forms-netlify

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

HTML forms on static sites often require server-side code to receive submissions, validate data, apply spam protection, and forward notifications; Netlify Forms provides a no-server solution to collect and manage submissions.

Core Features & Use Cases

  • Data-netlify attribute enables automatic form detection and collection of submissions.
  • Built-in spam filtering options (honeypot and optional reCAPTCHA) and support for file uploads.
  • AJAX submissions and the Submissions API for programmatic access and integrations with external systems, plus configurable notifications.

Quick Start

Add data-netlify="true" and a unique name to your form and deploy your site to Netlify to start collecting submissions.

Frequently Asked Questions about netlify-forms

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I collect HTML form submissions on a static site without server-side code?

To collect HTML form submissions without server-side code, add the data-netlify attribute and a unique form name to your HTML form. Deploying your site to Netlify automatically detects the form and manages the backend collection process.

Does Netlify Forms support file uploads and AJAX submissions?

Yes, Netlify Forms supports file uploads and AJAX submissions. You can configure your HTML form to handle asynchronous data transmission and accept file attachments without requiring a custom server backend.

What is the best way to add spam protection to static site forms?

The best way to add spam protection to static site forms is enabling built-in filtering options. Netlify Forms provides honeypot fields and optional reCAPTCHA integration to automatically block bots and prevent spam submissions.

Can I access form submissions programmatically after collecting them with Netlify Forms?

Yes, you can access form submissions programmatically using the Submissions API. This allows you to retrieve collected data for external system integrations and configure automated notifications for new entries.

Do I need a backend server to process contact forms and send notifications?

No, you do not need a backend server to process contact forms and send notifications. Adding the data-netlify attribute to your HTML form enables automatic detection, collection, and configurable notification forwarding.

What are the limitations of using data-netlify for form processing?

Using data-netlify for form processing requires deploying your site on Netlify and assigning a unique form name. If these constraints are unmet, automatic form detection fails and submissions will not be collected.