How to send data to my database from html and css Contact Us Form?

0 votes

Aug 4 in Database by Sign
• 120 points
158 views

2 answers to this question.

0 votes

Hi, @Sign

You need to follow few steps regarding your query:

1. Firstly, install a virtual server on your computer (eg Xampp, Wamp).

  • Xampp is a free and open-source cross-platform web server solution stack package developed by Apache Friends, consisting mainly of the Apache HTTP Server, MySQL database, and interpreters for scripts written in the PHP and Perl programming languages. 

2. Next, we will require an editor where the HTML code has to be written. You can use any editor (such as Notepad++, Adobe Dreamweaver, NetBeans, etc). Here we will use Notepad ++.

3. Open the Notepad++ text editor and write the HTML code for designing the HTML Sign Up page. We can use various HTML tags to design the page. You can include the fields according to your convenience.

Have a view of the code written in notepad++,

<html>    

    <head>    

        <title>Registration Form</title>    

    </head>    

    <body>    

        <link href = "registration.css" type = "text/css" rel = "stylesheet" />    

        <h2>Sign Up</h2>    

        <form name = "form1" action="modified.php" method = "post" enctype = "multipart/form-data" >    

            <div class = "container">    

                <div class = "form_group">    

                    <label>First Name:</label>    

                    <input type = "text" name = "fname" value = "" required/>    

                </div>    

                <div class = "form_group">    

                    <label>Middle Name:</label>    

                    <input type = "text" name = "mname" value = "" required />    

                </div>    

                <div class = "form_group">    

                    <label>Last Name:</label>    

                    <input type = "text" name = "lname" value = "" required/>    

                </div>    

                <div class = "form_group">    

                    <label>Password:</label>    

                    <input type = "password" name = "pwd" value = "" required/>    

                </div>    

            </div>    

        </form>    

    </body>    

</html>    

You can refer to this https://www.c-sharpcorner.com/UploadFile/52bd60/create-an-html-form-and-insert-data-into-database162/ for more information.

answered Aug 4 by Rashmi

edited Aug 4
0 votes

Hello @Sign,

It is simple to create contact form to send email or any other information  and storing in mysql database.

Using INSERT INTO statement you can insert new data into a database table.

See the example below:

Output:

Step 1: Connection with Database

This is dbConn.php file which is used to connect the database.

This dbConn.php file will use everywhere, where you want to perform a task with the database.

Here it is connected with the local database and check database connected or not.

dbConn.php

<?php

$db = mysqli_connect("localhost","root","","testDB");

if(!$db)
{
    die("Connection failed: " . mysqli_connect_error());
}

?>

Step 2: Creating HTML form and inserting data

Here's a simple HTML form which is index.php file. It has two text input and a submit button.

The INSERT INTO statement is used to add new data into the database. This insert query will execute passing through to the PHP mysqli_query() function to insert new data.

And also created a simple HTML form which has two input text and a submit button which is used to take data from users.

In the index.php file the dbConn.php file includes for connecting with the database and insert new data. The form has two field fullname and age which are get data from users and store into the database.

In this example the PHP code and the HTML form coded in the single page. The PHP script embedded with the HTML page.

index.php

<!DOCTYPE html>
<html>
<head>
  <title>Add Records in Database</title>
</head>
<body>

<?php
include "dbConn.php"; // Using database connection file here

if(isset($_POST['submit']))
{		
    $fullname = $_POST['fullname'];
    $age = $_POST['age'];

    $insert = mysqli_query($db,"INSERT INTO `tblemp`(`fullname`, `age`) VALUES ('$fullname','$age')");

    if(!$insert)
    {
        echo mysqli_error();
    }
    else
    {
        echo "Records added successfully.";
    }
}

mysqli_close($db); // Close connection
?>

<h3>Fill the Form</h3>

<form method="POST">
  Full Name : <input type="text" name="fullname" placeholder="Enter Full Name" Required>
  <br/>
  Age : <input type="text" name="age" placeholder="Enter Age" Required>
  <br/>
  <input type="submit" name="submit" value="Submit">
</form>

</body>
</html>

Write PHP code as a separate file

Step 1: Creating HTML Form

First of all creating HTML form which is index.php file. This form has two text boxes and a submit button for inserting data.

This form also has an action attribute which contains insert.php. This will perform when clicking on submit button.

index.php

<!DOCTYPE html>
<html>
<head>
  <title>Add Records in Database</title>
</head>
<body>

<form action="insert.php" method="POST">
  Full Name : <input type="text" name="fullname" placeholder="Enter Full Name" Required>
  <br/>
  Age : <input type="text" name="age" placeholder="Enter Age" Required>
  <br/>
  <input type="submit" name="submit" value="Submit">
</form>

</body>
</html>

Step 2: Connection with Database

This is dbConn.php file which connects the database.

dbConn.php

<?php

$db = mysqli_connect("localhost","root","","testDB");

if(!$db)
{
    die("Connection failed: " . mysqli_connect_error());
}

?>

Step 3: Write PHP code for insert data

This is insert.php file. Here is written PHP code for inserting data when clicking on submit button.

insert.php

<?php
include "dbConn.php"; // Using database connection file here

if(isset($_POST['submit']))
{		
    $fullname = $_POST['fullname'];
    $age = $_POST['age'];

    $insert = mysqli_query($db,"INSERT INTO `tblemp`(`fullname`, `age`) VALUES ('$fullname','$age')");

    if(!$insert)
    {
        echo mysqli_error();
    }
    else
    {
        echo "Records added successfully.";
    }
}

mysqli_close($db); // Close connection
?>

Hope it helps!!
Thank you!

answered Aug 4 by Niroj
• 58,500 points
I think I have a lot to learn from edureka mostly the PHP. I have no typical idea. Am only good at ASP.NET

Related Questions In Database

+2 votes
1 answer

How to export data from MySql to a CSV file?

If you are using MySql workbench then ...READ MORE

answered Jan 4, 2019 in Database by Priyaj
• 57,640 points
162 views
0 votes
1 answer

How will I get all the rows from my table where name starts with 's' and ending with 'I'?

Hi Santanu, I understand your problem, You can try ...READ MORE

answered May 28, 2019 in Database by sampriti
• 1,100 points
139 views
0 votes
1 answer

How to load data of .csv file in MySQL Database Table?

At first, put the dataset in the ...READ MORE

answered Jul 5, 2019 in Database by Reshma
426 views
0 votes
1 answer
0 votes
1 answer

How to connect to MySQL Database?

using MySql.Data; using MySql.Data.MySqlClient; namespace Data { ...READ MORE

answered Oct 12, 2018 in Database by Frankie
• 9,810 points
270 views
0 votes
1 answer

How to cache data in a MVC application?

Reference the System.Web dll in your model ...READ MORE

answered Oct 25, 2018 in Database by Frankie
• 9,810 points
588 views
0 votes
2 answers
0 votes
1 answer

How to access PHP var from external javascript file?

Hello @kartik, You don't really access it, you ...READ MORE

answered Jul 6 in Java-Script by Niroj
• 58,500 points
321 views
0 votes
1 answer

How do I escape a single quote in SQL Server?

Hello @kartik, Single quotes are escaped by doubling ...READ MORE

answered Jul 21 in PHP by Niroj
• 58,500 points
219 views