The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Webpage template contact form post help
Caemorgan
post Oct 27 2020, 11:49 AM
Post #1





Group: Members
Posts: 2
Joined: 27-October 20
Member No.: 27,603



Hi,

I have a web template from colorlib and all goes well with my low level of HTML knowledge but am stumped with the webform. I have posted HTML below which defines container size etc but need to get the webform to work and as I didnt build the 'skeleton' not sure how to get it to operate. Could one of you kind guys point me in the right direction please. For reference the contact form is at the bottom of this page www.landseerllc.com.

HTML

<section class="site-section bg-light bg-image" id="contact-section">
<div class="container">
<div class="row mb-5">
<div class="col-12 text-center">
<h2 class="section-title mb-3">Have a question or request a quote: Contact Us</h2>
</div>
</div>
<div class="row">
<div class="col-md-7 mb-5">



<form action="" class="p-5 bg-white">

<h2 class="h4 text-black mb-5">Get In Touch</h2>

<div class="row form-group">
<div class="col-md-6 mb-3 mb-md-0">
<label class="text-black" for="fname">First Name</label>
<input type="text" id="fname" class="form-control">
</div>
<div class="col-md-6">
<label class="text-black" for="lname">Last Name</label>
<input type="text" id="lname" class="form-control">
</div>
</div>

<div class="row form-group">

<div class="col-md-12">
<label class="text-black" for="email">Email</label>
<input type="email" id="email" class="form-control">
</div>
</div>

<div class="row form-group">

<div class="col-md-12">
<label class="text-black" for="subject">Subject</label>
<input type="subject" id="subject" class="form-control">
</div>
</div>

<div class="row form-group">
<div class="col-md-12">
<label class="text-black" for="message">Message</label>
<textarea name="message" id="message" cols="30" rows="7" class="form-control" placeholder="Write your notes or questions here..."></textarea>
</div>
</div>

<div class="row form-group">
<div class="col-md-12">
<input type="submit" value="Send Form" class="btn btn-primary btn-md text-white">
</div>
</div>


</form>
</div>
<div class="col-md-5">

<div class="p-4 mb-3 bg-white">
<p class="mb-0 font-weight-bold">Landseer 360 Contact Address</p>
<p class="mb-4">Caemorgan Mansion, Caemorgan Road, Cardigan <br />SA43 1QU United Kingdom</p>

<p class="mb-0 font-weight-bold">Phone</p>
<p class="mb-4"><a href="#">+44 (0)7866435212</a></p>

<p class="mb-0 font-weight-bold">Email Address</p>
<p class="mb-0"><a href="#">scan@landseerllc.com</a></p>

</div>

</div>
</div>
</div>
</section>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 27 2020, 12:04 PM
Post #2


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

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



A form in itself doesn't do anything at all. To get the data actually sent to you, you need a script on the server and then you put the URL to that script as the value of the action attribute in the FORM tag, which is now empty.

QUOTE(Caemorgan @ Oct 27 2020, 05:49 PM) *

CODE
<form action="" class="p-5 bg-white">



https://htmlhelp.com/faq/html/forms.html#formstoc

How is your site hosted? Some hosts offer form handling scripts ready to plug in.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Caemorgan
post Oct 27 2020, 01:54 PM
Post #3





Group: Members
Posts: 2
Joined: 27-October 20
Member No.: 27,603



QUOTE(pandy @ Oct 27 2020, 05:04 PM) *

A form in itself doesn't do anything at all. To get the data actually sent to you, you need a script on the server and then you put the URL to that script as the value of the action attribute in the FORM tag, which is now empty.

QUOTE(Caemorgan @ Oct 27 2020, 05:49 PM) *

CODE
<form action="" class="p-5 bg-white">



https://htmlhelp.com/faq/html/forms.html#formstoc

How is your site hosted? Some hosts offer form handling scripts ready to plug in.




Thank you. My host does have form scripts. I will go and have a look see and hopefully make some progress. Thank you for answer so far
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 27 2020, 02:56 PM
Post #4


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

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



Good. It probably comes with instructions so it's easy to set up. You will need at least one other attribute in the FORM tag, method. You get to choose between POST and GET. The script is likely set up to work with one of them, but not the other, probably POST.
https://htmlhelp.com/reference/html40/forms/form.html

It fair to trust your host uses a safe script. That's a problem with downloading such a script, not all of them are secure and can for example be used by spammers to send span through your server, which will get your domain blacklisted.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

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

 



- Lo-Fi Version Time is now: 18th March 2024 - 10:20 PM