Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ Webpage template contact form post help

Posted by: Caemorgan Oct 27 2020, 11:49 AM

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>

Posted by: pandy Oct 27 2020, 12: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.

Posted by: Caemorgan Oct 27 2020, 01:54 PM

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

Posted by: pandy Oct 27 2020, 02:56 PM

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.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)