Form not showing in forms dashboard

https://deploy-preview-21–distracted-cori-50671b.netlify.app/

Implementing a contact form for my gatsby page.

Does netlify also parse the form in the deploy-preview or only in production? My form is not working in the deploy-preview.

<form
        name='contact-form'
        method='post'
        action='/thanks/'
        data-netlify='true'
        netlify-honeypot='bot-field'
        onSubmit={handleSubmit}
      >
        <input type='hidden' name='form-name' value='contact-form'/>
        <input type='hidden' name='bot-field' onChange={handleChange}/>
        <div className='fields'>
          <input type='text' name='first-name' placeholder='First Name' onChange={handleChange} required/>
          <input type='text' name='last-name' placeholder='Last Name' onChange={handleChange} required/>
        </div>
        <div className='fields'>
          <input type='tel' id='phone' name='phone' pattern='[0-9]{3}-[0-9]{3}-[0-9]{4}' placeholder='Format: 123-456-7890' onChange={handleChange} required/>
          <input type='email' name='email' placeholder='Email' onChange={handleChange} required/>
        </div>
        <textarea name='message' placeholder='Your Message' className='full-width' rows='13' onChange={handleChange}required/>
        <input type='button' value='SEND'/>
      </form>

What am I missing?

Hiya, sorry you are having trouble getting your forms to work.

This Support Guide is the first port of call to debug any forms issues. There are also many other Support Guides for forms - you can find them here: #Netlify-support:support-guides

We also recommend trying to search the forums or look at topics tagged Netlify forms if you haven’t already - it’s likely your question was already asked by someone else!

If you are still having problems, please provide the information we ask for at the bottom of the Support Doc I linked above, such as what you have already tried, the form name you’ve set, and a link to your live form. :slight_smile: