How to create a fully functional Web contact form

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
15 Videos (1h 28m)
    • Webform

    • 1 Introduction to creating forms

    • 2 Developer Resources

    • 3 Create HTML Bootstrap structure

    • 4 Create form structure

    • 5 Add PHP session holder

    • 7 PHP Get Post Data

    • 8 AnitSpam Check using PHP

    • 9 PHP send Email

    • 10 Upload file and send email to email address

    • 11 PHP form Fixes

    • 13 jQuery Form Check setup

    • 14 jQuery Toggle Error messages

    • 15 Web Contact Form live Test

    • 16 Web Contact Form Tweaks and Adjustments


About This Class

How to create a fully functional Web contact form
Step by step guide on how to create a submit-able web form scratch using HTML CSS jQuery Bootstrap and PHP
Web forms are a crucial communication format between your website visitors and you. This course will show you how to build one from scratch! Create a fully functional dynamic web contact form that can be used on any website to collect messages from visitors. Lets your web visitors send you email messages. This form comes complete with several layers of security checks to ensure spam and unwanted emails are not valid.

Form is HTML5 so depending on the input type HTML5 will check for validity.

Security question that get dynamically generated and needs to be filled out correctly before the form contents get sent to your email address

jQuery layer of form field input checks, to ensure all fields have values

PHP back end form Post checks, to ensure all fields have correct content and data can be sent to a selected email address. Also stores values on error so that the visitors don't have to re-enter the values.

Step by step training introducing all the core concepts and development steps to produce a web contact form. Source code is included so that you can follow along and try it out for yourself.

The course covers multiple approaches to form development, and the code is flexible enough to be updated and used for a more specific projects.

HTML - used to setup the form structure
CSS - used at a basic level to create limited styling
Bootstrap - used to help style the form container
jQuery - selecting elements, and looping values
PHP - used to collect posted values, set variables, and send mail function.
See how all these languages can work together to create a complete project

This course is perfect for anyone who wants to learn about setting up a contact form on a website. Everything is included, from an instructor with over 18 years of web development experience.

I'm ready to answer any questions you may have, and here to help you learn about web development.





Laurence Svekis

Web technology Instructor

Providing Smart digital solutions online since 2001. I am considered a true web technology expert. Having professional experience in a wide range of digital areas. Everything from Search Marketing, Video Marketing, Content creation, User Experience, application architecture, and web programming.

Understanding how users flow through the web and learning what drives users to interact online has been the cornerstone of what I do. The more seamless the process the better the user experience and the more likely they are to interact again and share their experiences.

After launching my first websites I quickly realized that to get traffic on your site you need to be able to market online. Research and using personal experimentation as to what are the most successful ways to effectively drive traffic to my websites, I was able to successfully build multiple success eCommerce sites. I used my expertise to provide Search Engine Marketing Services SEO to 100's of clients.

In the advent of Social Media in 2006, I had identified it as an excellent opportunity to drive traffic and connect with users. I created many successful sites that integrated with Myspace and then later into Facebook. I was able to monitize the traffic on several platforms, driving in some cases 10K+ clicks daily to the various platforms. I continued to perfect the art of Internet marketing and adapt to new technology and changes.

In 2008 I created my first YouTube video, and channel. Realizing that there was another great opportunity with video I have been experimenting with video marketing and video monization. Youtube being the second largest search engine has a very bright future. As technology progresses the trend has always been quicker, easier means of delivering content always wins out. Images beat out text as they are easier and quicker for us to process, videos beat out images being the most efficient means of getting content to users. As bandwidth increases, and more platforms that can even easier deliver videos become available videos will be the trend for the future.

Understanding technology provides a means to better connect with users.

Applications I've created have entertained, informed and engaged tens of millions of people. I have over billions of page views on various platforms, and have sent millions of click through visitors.

I have developed hundreds of web applications, from micro sites to enterprise level platforms.