In this world of information overload, there's so much to learn. Web development is getting more and more interesting as time goes on. You can find so much sources on the web that it can leave you overwhelmed. However, I'm going to show you a simple way to do a contact form. Yes, there's some coding involved, but just follow along to get the concepts down.
The first part will be building the html. Then styling the contact form with CSS. Finally, doing the php back end.
You will need to be somewhat familiar with the basics, such as HTML5 and CSS3. If not go to w3schools to do a few tutorials and read up on the basics.
Learning HTML and CSS is really easy, but it will take a couple of weeks to grasp it if you're a beginner.
Are you excited to learn how to build a html5 contact form using php?
Okay so lets get started.
How to create a html5 contact form using php?
Step 1: Building the form - html5 contact form using php
Create a folder in your desktop and name it contact form.
Open up your favorite text editor. I'm using Visual Studio Code.
Create an index.html file (this will be run in your browser to preview how it looks like)
Create a index.php file
Create a style.css file
Create a contactform.php file
See example below
Step 2: Create HTML - html5 contact form using php
Here's the code to create the form. All you need to do is copy and paste in your editor.
Also, I brought in some custom fonts from Google fonts. This is a free resource to use stylish fonts other than the boring Helvetica or the regular Times Roman.
To get custom fonts go to Google fonts:
Select a font of your choice in the search box at the top. In this case, I have picked Lato. You can use this letter font or anything you want.
Please use your own logo because my form includes my own. Moreover, you can choose your colors for backgrounds, font color and headings, so don't feel you need to use pink.