Hi Guys,

 

I wonder if anyone can help, I'm trying to build a portfolio up and am doing a few free sites for family and friends to enable me to learn a bit more, build my confidence and also build my portfolio up. I have built many websites which have included contact php forms but I am stuck with my current project.

 

My friend has sent me a mock up in Photoshop which is fine, I have started putting css together and the site is coming along nicely, however I have no idea on how to code the contact form.

 

The contact form is an image which is a basic square with fields for Name, Email & Mobile No; how do I transfer that to css and make it so that visitors to the site can type in the relevant fields and then submit the form? I have searched on the web and it looks as though it is possible however I can't see any "simple" instructions on how to get it functioning, I have just found templates of the contact .psd's themselves...Would really appreciate it if anyone could shed some light... Hopefully I have explained myself properly.

 

Thanks

Kelly

A contact form can have an "action" using a viewer's email client or by using PHP to send it direct from the website server. The first method is simple but not recommended because it won't work if the viewer doesn't have an email client like Outlook or if he is in an internet cafe and there are spamming risks.

 

The PHP type needs a website with a Linux server (usually) and there are lots to download which have anti-spam security built in, like

http://www.email-form.com/

http://jemturner.co.uk/scripts/free-php-mail-form/

http://www.formmail.com/

 

You will still have to set up the html markup including the action to a separate PHP file, but I expect the above examples will give you an example to edit.

That's great, thanks very much for your help!

You can also build a submit form in jquery with "jquery tools".

See http://flowplayer.org/tools/ for some tutorials and demos.