How To Connect HTML To Database With MySQL Using PHP

How to connect HTML to database with MySQL using PHP?
An
example – This article helps to become a custom PHP developer.
You will get complete steps for PHP database connection example
program. This article provide you HTML form, DB + Table SQL code,
Boostrap 5 with CSS, Form Validation and database connection +
submission code .
Tools Required to connect HTML Form with MySQL

Database using PHP
Contents Tools Required to connect HTML Form with MySQL Database
using PHP
 Step 1: Filter your HTML form requirements for your contact us web page
 Step 2: Create a database and a table in MySQL
 Step 3: Create HTML form for connecting to database
 Step 4: Create a PHP page to save data from HTML form to your MySQL
database
 Step 5: All done!
 Why skills as a custom PHP developer?
 See more answer about PHP script connect to Mysql on Facebook Group
 Related Posts:
First of all, you must be install any XAMPP or WAMP or MAMP kind
of software on your laptop or computer. With this software, you will get
a local webserver i.e. Apache, PHP language, and MySQL database.
The complete code is on Github and the download link is the last of
this article.
In this article, my PHP, MySQL example is with database
connection in xampp code.
After installation you need to on the Xampp see the image below:
After installation of any of these laptop or desktop software you need

to check your localhost is working or not. Open your browser and
check this URL http://127.0.0.1 or http://localhost/ . If this is working it
means you have the local webserver activated with PHP/MySQL.
Also, GUI PHPmyAdmin coming for handling CRUD operations i.e.
insert(create), update, delete, and select(read) records from tables.
This interface is browser-based and very helpful, easy to use for
creating and managing phpmyadmin database in table(column, row).
If you have the above installation you can go ahead to start your
coding.
If you have not a LAMP stack-based web server then you can do this
directly in your hosting space.
If you have any more query then you can comment on this post. We
will reply to your query.
Suppose you have a web page to insert contact form field data in your
DB. For this you need to follow the following steps:
Step 1: Filter your HTML form requirements for your

contact us web page
Suppose you selected the form field Name (text input), Email(email
input), Phone (number input), and message (multi-line text). The form
submit button also necessary for submitting the form. You will get the
complete form in HTML coding in step 3.
Step 2: Create a database and a table in MySQL

Open a web browser (chrome, firefox, edge, etc., ) and type this
http://localhost/phpmyadmin/ or http://127.0.0.1/phpmyadmin/ for open
GUI for managing DB on your computer. See the xampp screen below
how it is coming.
Click on the databases link and create your db by the name
“db_contact”. See the image below:
After creating your DB you need to create a table by any name I
choose “tbl_contact” with the number of field 5. We choose 4 fields on
top Name, Email, Phone, and Message. The first column we will keep
for maintaining the serial number and in technical terms primary
key(unique number of each recor). See the image below
When you will click to go button you will get this screen. Now we need
to feed every field information.
See the below image in which I added field information. So for field
Name used field Name – fldName, Email – fldEmail, Phone –
fldPhone, Message – fldMessage.
Now click on the save button that is on the bottom right of your screen.
After saving your table it is created in your database.
You can create your DB and table using the SQL below. You have to
copy the following code and paste it into your MySQL GUI
phpmyadmin database or any other GUI or command prompt. At the
bottom of the blog, you will get a git download link to download the
SQL file.
--
-- Database: `mydb`
--
CREATE DATABASE IF NOT EXISTS `db_contact` DEFAULT CHARACTER SET latin1 COLLATE
latin1_swedish_ci;
USE `db_contact`;
-- --------------------------------------------------------
--
-- Table structure for table `tbl_contact`
--
DROP TABLE IF EXISTS `tbl_contact`;
CREATE TABLE IF NOT EXISTS `tbl_contact` (
ìd` int(11) NOT NULL,
`fldName` int(50) NOT NULL,
`fldEmail` int(150) NOT NULL,
`fldPhone` varchar(15) NOT NULL,
`fldMessage` text NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Indexes for dumped tables
--
--
-- Indexes for table `tbl_contact`
--
ALTER TABLE `tbl_contact`
ADD PRIMARY KEY (ìd`);
--
-- AUTO_INCREMENT for dumped tables
--
--
-- AUTO_INCREMENT for table `tbl_contact`
--
ALTER TABLE `tbl_contact`
MODIFY ìd` int(11) NOT NULL AUTO_INCREMENT;
Step 3: Create HTML form for connecting to database

Now you have to create an HTML form. For this, you need to create a
working folder first and then create a web page with the name
“contact.html”. If you install xampp your working folder is in folder this
“E:\xampp\htdocs”. You can create a new folder “contact” on your
localhost working folder. Create a “contact.html” file and paste the
following code.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contact Form - PHP/MySQL Demo Code</title>
</head>
<body>
<fieldset>
<legend>Contact Form</legend>
<form name="frmContact" method="post" action="contact.php">
<p>
<label for="Name">Name </label>
<input type="text" name="txtName" id="txtName">
</p>
<p>
<label for="email">Email</label>
<input type="text" name="txtEmail" id="txtEmail">
</p>
<p>
<label for="phone">Phone</label>
<input type="text" name="txtPhone" id="txtPhone">
</p>
<p>
<label for="message">Message</label>
<textarea name="txtMessage" id="txtMessage"></textarea>

</p>
<p> </p>
<p>
<input type="submit" name="Submit" id="Submit" value="Submit">
</p>
</form>
</fieldset>
</body>
</html>
Now your form is ready. You may test it in your localhost link
http://localhost/contact/contact.html
In the next step, I will go with creating PHP / MySQL code.
Step 4: Create a PHP page to save data from HTML form

to your MySQL database
The contact HTML form action is on “contact.php” page. On this page,
we will write code for inserting records into the database.
For storing data in MySQL as records, you have to first connect with
the DB. Connecting the code is very simple. The mysql_connect in
PHP is deprecated for the latest version therefore I used it
here mysqli_connect.
$con =
mysqli_connect("localhost","your_localhost_database_user","your_localhost_database_pa
ssword","your_localhost_database_db");
You need to place value for your localhost username and password.
Normally localhost MySQL database username is root and password
blank or root. For example, the code is as below
$con = mysqli_connect('localhost', 'root', '',’db_contact’);
The “db_contact” is our database name that we created before.
After connection database you need to take post variable from the form. See the below
code
$txtName = $_POST['txtName'];
$txtEmail = $_POST['txtEmail'];
$txtPhone = $_POST['txtPhone'];
$txtMessage = $_POST['txtMessage'];
When you will get the post variable then you need to write the
following SQL command.
$sql = "INSERT INTO `tbl_contact` (Ìd`, `fldName`, `fldEmail`, `fldPhone`,
`fldMessage`) VALUES ('0', '$txtName', '$txtEmail', '$txtPhone', '$txtMessage');"
For fire query over the database, you need to write the following line
$rs = mysqli_query($con, $sql);
Here is PHP code for inserting data into your database from a form.
<?php
// database connection code
// $con = mysqli_connect('localhost', 'database_user',

'database_password','database');
$con = mysqli_connect('localhost', 'root', '','db_contact');
// get the post records
$txtName = $_POST['txtName'];
$txtEmail = $_POST['txtEmail'];
$txtPhone = $_POST['txtPhone'];
$txtMessage = $_POST['txtMessage'];
// database insert SQL code
$sql = "INSERT INTO `tbl_contact` (Ìd`, `fldName`, `fldEmail`, `fldPhone`,

`fldMessage`) VALUES ('0', '$txtName', '$txtEmail', '$txtPhone', '$txtMessage')";
// insert in database
$rs = mysqli_query($con, $sql);
if($rs)
echo "Contact Records Inserted";
?>
Step 5: All done!

Now the coding part is done. Download code from github
If you would like to check then you can fill the form
http://localhost/contact/contact.html and see the result in the
database. You may check via phpmyadmin your inserted record.
Why skills as a custom PHP developer?

Php is the most popular server-side programming language. It is used
more than 70% in comparison to other website development
languages. As a lot of CMS and custom PHP applications developed
already on PHP, therefore, it will be a demanding language for the
next 5 years.
The worldwide PHP development company is looking for cheap PHP
developers in India. Many companies also like to freelance PHP
developers in Delhi, London, Bangalore, Mumbai (locally). If you
would like to hire a dedicated developer then you need to skills
yourself.
Required Software:
1. Localhost-XAMPP
2. NOTEPAD++/SUBLIME.
3. SQL QUERIES.

How To Connect HTML To Database With MySQL Using PHP

Uploaded by

How To Connect HTML To Database With MySQL Using PHP

Uploaded by

How to connect HTML to database with MySQL using PHP?

Tools Required to connect HTML Form with MySQL

After installation of any of these laptop or desktop software you need

Step 1: Filter your HTML form requirements for your

Step 2: Create a database and a table in MySQL

-- Table structure for table `tbl_contact`

DROP TABLE IF EXISTS `tbl_contact`;

CREATE TABLE IF NOT EXISTS `tbl_contact` (

`id` int(11) NOT NULL,

`fldName` int(50) NOT NULL,

`fldEmail` int(150) NOT NULL,

`fldPhone` varchar(15) NOT NULL,

`fldMessage` text NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

-- Indexes for dumped tables

-- Indexes for table `tbl_contact`

ALTER TABLE `tbl_contact`

ADD PRIMARY KEY (`id`);

-- AUTO_INCREMENT for dumped tables

-- AUTO_INCREMENT for table `tbl_contact`

ALTER TABLE `tbl_contact`

MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;

Step 3: Create HTML form for connecting to database

<title>Contact Form - PHP/MySQL Demo Code</title>

<form name="frmContact" method="post" action="contact.php">

<label for="Name">Name </label>

<input type="text" name="txtName" id="txtName">

<input type="text" name="txtEmail" id="txtEmail">

<input type="text" name="txtPhone" id="txtPhone">

<textarea name="txtMessage" id="txtMessage"></textarea>

<input type="submit" name="Submit" id="Submit" value="Submit">

Step 4: Create a PHP page to save data from HTML form

// database connection code

// $con = mysqli_connect('localhost', 'database_user',

$con = mysqli_connect('localhost', 'root', '','db_contact');

// get the post records

// database insert SQL code

$sql = "INSERT INTO `tbl_contact` (`Id`, `fldName`, `fldEmail`, `fldPhone`,

$rs = mysqli_query($con, $sql);

echo "Contact Records Inserted";

Step 5: All done!

Why skills as a custom PHP developer?

You might also like