# Netlify doesn't recognize my Form - Vue.js

**URL:** <https://answers.netlify.com/t/netlify-doesnt-recognize-my-form-vue-js/87783>\
**Category:** Support\
**Tags:** deployment, netlify-forms, vuejs\
**Created:** [March 15, 2023, 7:09pm UTC](https://answers.netlify.com/t/netlify-doesnt-recognize-my-form-vue-js/87783 "2023-03-15T19:09:37Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ChenBr](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/chenbr/32/48666_2.png) [@ChenBr](https://answers.netlify.com/u/ChenBr)\
**Post date:** [March 15, 2023, 7:09pm UTC](https://answers.netlify.com/t/netlify-doesnt-recognize-my-form-vue-js/87783/1 "2023-03-15T19:09:37Z")

</div>

Hello,  
As my title states, I cannot make Netlify forms work with my form.  
I followed many forum threads and searched online, and I couldn’t make it work.

I tried adding all the attributes, adding hidden input fields, using the example form from the docs, and verifying all my settings were set correctly. Nothing seems to work.

I am using Vue as my framework.

My form:

```auto
<form name="contact" method="POST" netlify-honeypot="bot-field" data-netlify="true">
  <input type="text" name="name" placeholder="Name" required />
  <input type="email" name="email" placeholder="Email" required/>
  <textarea type="text" name="text" placeholder="Message" required></textarea>
  <button type="submit"> Submit </button>
</form>

```

My Website:

> **[PsyChen - PsychoPy Experiments](https://psychen.dev/)**
>
> Get help with your PsychoPy experiments. I will create, troubleshoot, create custom features, mentor you, and more.

Error on submit:

```md
# This psychen.dev page can’t be found
No webpage was found for the web address: **https://psychen.dev/**
HTTP ERROR 404

```

Any help would be appreciated,  
Thanks!

---

<div class="post-metadata">

**Author:** ![nathanmartin](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/nathanmartin/32/30845_2.png) [@nathanmartin](https://answers.netlify.com/u/nathanmartin)\
**Post date:** [March 15, 2023, 10:26pm UTC](https://answers.netlify.com/t/netlify-doesnt-recognize-my-form-vue-js/87783/2 "2023-03-15T22:26:46Z")

</div>

@ChenBr When you say you’ve read various forum threads, have you read this one?

> [@\[Support Guide\] Form problems, form debugging, 404 when submitting](https://answers.netlify.com/t/support-guide-form-problems-form-debugging-404-when-submitting/92):
>
> Last reviewed by Netlify Support in July 2025 sparkles [AskNetlify’s](https://docs.netlify.com/ask-netlify/) Version sparkles Where can I check form submissions on my site? Copy the prompt above and paste it into [AskNetlify](https://docs.netlify.com/ask-netlify/), and it’ll break down this info. You can also ask clarifying questions. Still need help? No problem! We’re happy to clarify. Last reviewed October 2024 Please give these debugging tips a try before making a new post. If none of the suggestions work, please include the requested information that we request…

Specifically this section:

> [@\[Support Guide\] Form problems, form debugging, 404 when submitting](https://answers.netlify.com/t/support-guide-form-problems-form-debugging-404-when-submitting/92/1):
>
> If you’re using a pure javascript form or Server Side Rendering instead, this additional step is required:
> 
> - You still need to include an HTML form that meets the criteria above, including all the inputs with the same names as the JavaScript form. This is required because we parse HTML to find forms during your deploy - but we don’t try to parse javascript files. This means if you are using any framework which create HTML elements using JavaScript during the render, you’ll still need to include an actual HTML file that includes all of the form details in it, including all _possible_ inputs that you want to use. For a working example using React that you can generalize to other frameworks from, check out [this blog post](https://www.netlify.com/blog/2017/07/20/how-to-integrate-netlifys-form-handling-in-a-react-app/).

Since you mention using Vue, my guess is that your pages are being client side rendered and thus that there is no HTML form within your HTML file/s for Netlify to have discovered during their post build processing.

For example your `/index.html` looks like this:

 ![image](https://global.discourse-cdn.com/netlify/original/3X/f/0/f0c04cd62740bbf4d05c8e4882f35ebfd28137fc.png)

There is no `<form>` there at all obviously, as it’s being generated at runtime via the Vue code.

As mentioned in the text from that thread, you will need to have a HTML file in the build output that contains a version of the form, so that Netlify can detect it.

---

<div class="post-metadata">

**Author:** ![ChenBr](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/chenbr/32/48666_2.png) [@ChenBr](https://answers.netlify.com/u/ChenBr)\
**Post date:** [March 16, 2023, 11:31am UTC](https://answers.netlify.com/t/netlify-doesnt-recognize-my-form-vue-js/87783/3 "2023-03-16T11:31:55Z")

</div>

I actually read the thread you posted, and I completely missed this part. I was probably swamped by the wall of text that I didn’t notice it at all.

I added the form into my `index.html` file with a hidden attribute. It works perfectly.

@nathanmartin, Thank you very much! I appreciate it.

Chen.

---

<div class="post-metadata">

**Author:** ![SamO](https://sea1.discourse-cdn.com/netlify/user_avatar/answers.netlify.com/samo/32/41847_2.png) [@SamO](https://answers.netlify.com/u/SamO)\
**Post date:** [March 16, 2023, 11:56am UTC](https://answers.netlify.com/t/netlify-doesnt-recognize-my-form-vue-js/87783/4 "2023-03-16T11:56:45Z")

</div>

Hi @ChenBr 👋🏿 ,

Thanks for confirming that you found your solution.