The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help with HTML Form, Having Trouble with Submission Form
Lorek
post Aug 20 2021, 11:15 AM
Post #1





Group: Members
Posts: 2
Joined: 20-August 21
Member No.: 28,057



Greetings,

I am having problems with my forms and submission code in HTML.
I know very little about back-end mail on the file manager, so I have been using a workaround called "FormSubmit.co" directly in the HTML code.

Any advice on why my form is not working?
Thank you!

Website Section - Section of my website I am struggling with.

Code:

<!--Contact Form Start -->

<section id="contact" class="counter no-transition">

<div class="container">

<div class="row">

<div class="text-alignment">

<div class="col-md-12">

<span class="contact100-form-title">

Let’s Get In Touch

</span>

</div>

</div>

</div>

<div class="row">

<div class="col-md-7 nopad">

<div class="wrap-5555contact100">

<form action="[https://formsubmit.co/mathew@the-pbg.com](https://formsubmit.co/mathew@the-pbg.com)" method="POST">

<div class="wrap-input100 rs1-wrap-input100 " data-validate="Name is required">

<span class="label-input100">Name</span>

<input class="input100 form-control" type="text" name="name" placeholder="Your Name">

</div>

<div class="wrap-input100 rs1-wrap-input100 " data-validate = "Valid email is required: [ex@abc.xyz](mailto:ex@abc.xyz)">

<span class="label-input100">Email</span>

<input class="input100 form-control" type="text" name="email" placeholder="email@website.com">

</div>

<div class="wrap-input100" data-validate = "Message is required">

<span class="label-input100">Message</span>

<textarea class="input100 form-control" name="message" placeholder=" Write your message here..."></textarea>

</div>

<div class="btn-center">

<a href="#." class="btn-send bg-color-text"><b>SEND</b></a>

</div>

</form>

</div>

</div>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Brian Chandler
post Aug 20 2021, 01:30 PM
Post #2


Jocular coder
********

Group: Members
Posts: 2,460
Joined: 31-August 06
Member No.: 43



QUOTE(Lorek @ Aug 21 2021, 01:15 AM) *

CODE

<form action="[https://formsubmit.co/mathew@the-pbg.com](https://formsubmit.co/mathew@the-pbg.com)" method="POST">



This looks pretty dubious. The action is normally the address you go to (TAYGT), not "[TAYGT](TAYGT)"...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 20 2021, 01:35 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



It doesn't look like that in the real page. It's a place holder, I guess.

This is just a link. It won't submit the form.
CODE
<a  href="#." class="btn-send bg-color-text"><b>SEND</b></a>


You need a submit button. Try this.
CODE
<input type="submit" value="SEND">

Read more here: https://htmlhelp.com/reference/html40/forms/input.html .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Lorek
post Aug 23 2021, 04:42 PM
Post #4





Group: Members
Posts: 2
Joined: 20-August 21
Member No.: 28,057



You need a submit button. Try this.
CODE
<input type="submit" value="SEND">

Read more here: https://htmlhelp.com/reference/html40/forms/input.html .
[/quote]

The submission form now works.
Thank you so much for your help. I really appreciate it. smile.gif

This post has been edited by Lorek: Aug 23 2021, 04:44 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 23 2021, 04:50 PM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Good. And you're welcome. happy.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th April 2024 - 06:12 AM