Zum Hauptinhalt springen

Netlify Forms

Skill Verifiziert Aktiv

Anleitung zur Verwendung von Netlify Forms für die HTML-Formularverarbeitung. Verwenden Sie dies, wenn Sie Kontaktformulare, Feedbackformulare, Formulare zum Hochladen von Dateien oder beliebige Formulare hinzufügen, die von Netlify gesammelt werden sollen. Behandelt das data-netlify-Attribut, Spamfilterung, AJAX-Einreichungen, Datei-Uploads, Benachrichtigungen und die submissions API.

Zweck

Benutzer darin zu unterweisen, HTML-Formulare effektiv mit Netlify Forms für das Sammeln von Daten, Feedback und Datei-Uploads zu implementieren und zu verwalten.

Funktionen

  • Netlify Forms-Einrichtung für statische und JavaScript-gerenderte Formulare
  • AJAX-Einreichungsverarbeitung mit Vanilla JavaScript und React-Beispielen
  • Spamfilterung über Honeypot und reCAPTCHA
  • Datei-Upload-Funktionen mit Größen- und Zeitlimitbeschränkungen
  • Benachrichtigungen (E-Mail, Slack, Webhooks) und Zugriff auf die Submissions API

Anwendungsfälle

  • Hinzufügen von Kontaktformularen zu einer Website
  • Implementierung von Feedbackformularen
  • Verarbeitung von Datei-Uploads über Netlify
  • Programmgesteuertes Sammeln von Formulardaten über die Submissions API

Nicht-Ziele

  • Serverseitiger Code für die Formularverarbeitung
  • Allgemeine Best Practices für HTML-Formulare außerhalb des Geltungsbereichs von Netlify
  • Logik für die clientseitige Formularvalidierung (über grundlegende HTML-Attribute hinaus)

Praktische Nützlichkeit

  • info:RandfälleDie SKILL.md erwähnt SSR-Fehlerbehebung und Datei-Upload-Limits, dokumentiert aber nicht ausführlich andere Fehlerarten mit Wiederherstellungsschritten.

Installation

Zuerst Marketplace hinzufügen

/plugin marketplace add netlify/context-and-tools
/plugin install context-and-tools@netlify-context-and-tools

Qualitätspunktzahl

Verifiziert
95 /100
Analysiert about 16 hours ago

Vertrauenssignale

Letzter Commit6 days ago
Sterne17
LizenzMIT
Status
Quellcode ansehen

Ähnliche Erweiterungen

Deepinit

100

Deep codebase initialization with hierarchical AGENTS.md documentation

Skill
Yeachan-Heo

Presentation Styling

100

Wissen über CSS-Klassen, Komponentenmuster und Syntaxhervorhebung in der Präsentation

Skill
shanraisshan

Presentation Structure

100

Wissen über das Präsentationsfolienformat, das Gewichtungssystem, die Navigation und die Abschnittsstruktur

Skill
shanraisshan

Develop Web Game

100

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

Skill
davila7

Netlify Identity

100

Verwenden Sie dies, wenn die Aufgabe Authentifizierung, Benutzerregistrierungen, Anmeldungen, Passwortwiederherstellung, OAuth-Anbieter, rollenbasierte Zugriffskontrolle oder den Schutz von Routen und Funktionen beinhaltet. Verwenden Sie immer `@netlify/identity`. Verwenden Sie niemals `netlify-identity-widget` oder `gotrue-js` – diese sind veraltet.

Skill
netlify

Teach Guidance

100

Guide a person in becoming a better teacher and explainer. AI coaches content structuring, audience calibration, explanation clarity, Socratic questioning technique, feedback interpretation, and reflective practice for technical presentations, documentation, and mentoring. Use when a person needs to present technical content and wants preparation coaching, wants to write better documentation or tutorials, struggles to explain concepts across expertise levels, is mentoring a colleague, or is preparing for a talk or knowledge-sharing session.

Skill
pjt222