Form Submission

Support
, , ,
#1

Whenever someone submitted the form and I tried to check the details, but my form is not visible. I only get a notification that someone sent me a message but unable to check the mail as it is not visible.
I have used




and in form tag I used data-netlify-recaptcha=“true”
#2

Hi, welcome to the Netlify community forums. Can you share the complete HTML code of your form?

#3

Here it is.

                    <div class="fields">

                        <div class="field name">

                            <input type="text" placeholder="Name" required>

                        </div>

                        <div class="field email">

                            <input type="email" placeholder="Email" required>

                        </div>

                    </div>

                    <div class="field">

                        <input type="text" placeholder="Subject" required>

                    </div>

                    <div class="field textarea">

                        <textarea cols="30" rows="10" placeholder="Message.." required></textarea>

                    </div>

                    <div class="field">

                        <div data-netlify-recaptcha="true"></div>

                    </div>

                    <div class="button">

                        <button type="submit">Send message</button>

                    </div>

                </form>
#4

Could you add the form tag (the most important part)?

#6

bandicam 2021-01-14 22-37-30-726
bandicam 2021-01-14 22-37-30-7261920×1080 512 KB

#7

It seems like your form and fields are missing labels and (more importantly) names. I modified your HTML, this should work (but I haven’t tested it):

<form name="contact" method="POST" data-netlify="true">
  <div class="fields">
    <div class="field name">
      <label for="name">Name</label>
        <input type="text" id="name" name="name" placeholder="Name" required>
    </div>

    <div class="field email">
      <label for="email">Email</label>
      <input name="email" id="email" type="email" placeholder="Email" required>
    </div>

    <div class="field">
      <label for="subject">Subject</label>
      <input id="subject" name="subject" type="text" placeholder="Subject" required>
    </div>

    <div class="field textarea">
      <label for="message">Message</label>
      <textarea id="message" name="message" cols="30" rows="10" placeholder="Message.." required></textarea>
    </div>

    <div class="field">
      <div data-netlify-recaptcha="true"></div>
    </div>
  </div>
  <div class="button">
    <button type="submit">Send message</button>
  </div>
</form>
#8

Now it’s working, Thanks for help

1 Like
#9

Is it compulsory to use label tag?

#10

I’m not completely sure, actually. I never use forms without labels as it drastically impacts the forms’ accessibility. You could try, but I wouldn’t recommend it.

#11

again I am not able to see the submissions.

#12

Hey there,
Could you please share your Netlify URL so we can take a look? Were there any code changes between when it was working successfully and when it broke again?