Form input fields received but not my textarea

Support
1

Hi,

I’ve got a really simple contact form on my Netlify site which asks for the user’s firstname, lastname, email and has space for a message.

The firsrname &lastname fields are input type=“text” and email is input type=“email”. The form_message field is a textarea.

When I submit the form I can see it received successfully inside my Netflify account but I only get the firstname, lastname and email fields - never the form_message textarea.

I’ve copied my form below, can anyone suggest where I might be going wrong, please?

<form name="contact" action="/" method="POST" data-netlify="true">
  
      <label for="first-name">First Name:</label>
      <input type="text" id="first-name" name="first-name" required>

      <label for="last-name">Last Name:</label>
      <input type="text" id="last-name" name="last-name" required>

      <label for="email">Email:</label>
      <input type="email" id="email" name="email" required>

      <label for="form_message">Message:</label>
        <textarea rows="5" cols="33"> </textarea>
        <id="form_message" name="form_message">

      <input type="submit" value="Submit">

    </form>

Thanks,

2

@streeytdev Your textarea element does not have a name attribute.

3

Hi,
Thanks for the reply. I’ve now added a name attribute inside my textarea element, but still, I only get the three other fields (firstname, lastname & email) inside Netlify - not the textarea.

Here’s what the form now looks like since updating the name tag:

<form name="contact" action="/" method="POST" data-netlify="true">
  
      <label for="first-name">First Name:</label>
      <input type="text" id="first-name" name="first-name" required>

      <label for="last-name">Last Name:</label>
      <input type="text" id="last-name" name="last-name" required>

      <label for="email">Email:</label>
      <input type="email" id="email" name="email" required>

      <label for="formtextarea">Message:</label>
        <textarea name="formtextarea" id="formtextarea" rows="5" cols="33">
        </textarea>
      <input type="submit" value="Submit">
    </form>

And here’s what I receive inside Netflify → Forms:

netlifyForms
netlifyForms1291×316 23.8 KB

4

@streeytdev Have you run another “build” since fixing the field name?

As I understand it, Netlify needs to detect the form and the fields, to be able to receive the values.

I don’t believe you can change the values “after the fact” without it being detected again.

Are you able to supply a link to the site, access to the repository etc?
It’s possible to try and answer based only on your descriptions, but it’s much faster for others to debug if they can just check themselves.

5

Thanks for the reply Nathan.

The form can be found at Contact – Streeyt - it’s part of a WordPress (Elementor) page which deploys directly to Netlify so I don’t think I have a repo as such?

It’s really strange, all the form fields are working fine & always have - I just can’t get the newly-added “Message” input field (textarea) to be recognised by Netlify.

And yes, I’ve deployed/built a fresh update of the site to Netflix without any joy.

UPDATE: I came across a sample form on the Netlify support page at Forms setup | Netlify Docs so setup a second test form on our site at FormTest – Streeyt then rebuilt and deployed to Netlify.

The textarea “message” input field on that form using the Netlify-supplied HTML doesn’t get sent to Netlify either! :-). All the fields are sent except the textarea.

Now I really am confused…

6

The form from Netlify docs is probably not processed because of the same name as your original form. A single site can have only one form with one name.

Regarding the textarea, that’s not being detected, because your original form is here: Form – Streeyt. Since the name is same, it’s not allowing the one from /contact to be parsed.