phares3757/netlify-nuxt-toolbox
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Add visually-hidden bot-field input

Browse Source
This commit is contained in:
Prince Wilson 2022-02-22 17:30:56 -05:00
parent 7531888f98
commit e948fd3865
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/feedbackForm.vue
View File

@ -7,6 +7,11 @@
name="feedback" name="feedback"
data-netlify-honeypot="bot-field" data-netlify-honeypot="bot-field"
> >
<p class="hidden">
<label>
Don’t fill this out if you’re human: <input name="bot-field" />
</label>
</p>
<input type="hidden" name="form-name" value="feedback" /> <input type="hidden" name="form-name" value="feedback" />
<label for="name">Name</label> <label for="name">Name</label>
<input type="text" name="name" /> <input type="text" name="name" />
@ -39,4 +44,14 @@ button {
color: white; color: white;
width: 50%; width: 50%;
} }
.hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
</style> </style>