docs: adds plugin example to add autofill preventative attributes, adds autofill section to docs

Author: Sasha Milenkovic

essentials/examples.md

@@ -127,6 +127,14 @@ title: "Scroll to the first validation or error on the form."
 A plugin that automatically scrolls to the first error on the page on submit or when backend errors are added.
 ::
 
+::ExampleCard
+---
+href: "https://formkit.link/debcb256ce9bae22bc1c41e8c0ee0d9f"
+title: "Adds attributes to prevent autofill from password managers 1Password and LastPass"
+---
+A plugin that adds the attributes <code>data-1p-ignore</code> and <code>data-lpignore</code> to prevent autofill (you of course can add these yourself; this plugin automatically applies them to every email and password input).
+::
+
 ## Inputs
 
 ::ExampleCard

inputs/form.md

@@ -491,6 +491,10 @@ label: "Node vs context"
 The node itself is not reactive and should be used for imperative actions like `node.submit()`. The context object is reactive and should be used for reading and reacting to the form’s state.
 ::
 
+## Autofill
+
+In order to prevent password managers such as 1Password and LastPass from autofilling your email and password input fields, set the respective props `data-1p-ignore` and `data-lpignore` to `true` on the inputs themselves. If you would like for this to be done automatically, check out the [adds attributes to prevent autofill](/essentials/examples) plugin.
+
 ## Props & Attributes
 
 Forms are technically considered `input` types — so they share many of the universal props that standard inputs use.