DEV Community: HMA WebDesign

Send Email in PHP Using PHPMailer | Gmail SMTP Phpmailer

HMA WebDesign — Mon, 27 May 2024 20:16:28 +0000

In this post, you will learn to send Email in PHP Using PHPMailer | Gmail SMTP Phpmailer and how to Receive Emails from HTML forms using PHP.

What is PHP Mailer?

Before we dive into the details, let’s briefly introduce PHP Mailer. PHP Mailer is a robust PHP library that simplifies the process of sending emails through PHP scripts. It offers an intuitive and feature-rich interface for sending plain text and HTML emails, complete with attachments and more.

Steps – Send HTML Form via PHP Mailer

Let’s start with a detailed outline that will guide us to Send HTML Forms via PHP Mailer through this extensive guide. Here are the important steps to Send an HTML Form via PHP Mailer on HTML form submission:

Download and install PHP Mailer from GitHub
Setup your HTML Contact Form
Include PHP Mailer in your HTML code
Configure PHP Mailer
Process form data to send email
Compose the Email
Handle Success and Error messages
Send the Email
Video Tutorial – Send HTML Form via PHP Mailer
Now that we have our roadmap, let’s explore each section in detail to Send HTML Forms via PHP Mailer.

Step-by-Step Video Tutorial:

How to Send HTML Form to Email Using PHP Mailer

Sending HTML forms via email is a seamless process when you have PHP Mailer at your disposal. Here’s a step-by-step guide to achieving, how to send HTML form via PHP Mailer:

Prerequisites

Before diving into implementation, ensure that you have the following prerequisites in place:

A Web Server with PHP Support: You’ll need a web server, such as Apache or Google, with PHP support to run your PHP Mailer script.
Email Server Access: Ensure you have access to an email server or SMTP server to send emails, such as Gmail.
Basic HTML and PHP Knowledge: Familiarize yourself with HTML to create the form and PHP to process it.

Getting Started

Let’s start by downloading PHP Mailer and setting up our HTML form to Send HTML Form via PHP Mailer:

1. Download and install PHP Mailer
Begin by downloading the PHP Mailer library. You can obtain it from the official GitHub repository or use Composer if you prefer package management.

To Download the PHP Mailer manually from the GitHub library Click Here!

If you want to install the PHPMailer using Composer. First of all, simply install the Composer Setup on your computer and run the following command in your terminal:

composer require phpmailer/phpmailer

Alternatively, if you’re not using Composer, you can download PHPMailer as a zip file, and then copy the contents of the PHPMailer folder into one of the include_path directories specified in your PHP configuration and load each class file manually:

2. Set Up Your HTML Form
Create an HTML form on your website where users can submit their information. Ensure that your form fields have appropriate name attributes.

HTML Form Source Code

I have created a simple HTML form to send web form data to email using PHPMailer. I will collect this form data from the user and send it to my email address using PHPMailer.

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact Form</title>
  <style>
    body{
    background-color: aliceblue;}
    .contact {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      transition: 1s;
    }

    .contact .input-box input,
    textarea {
      width: 100%;
      height: 35px;
      padding: 20px;
      letter-spacing: 1px;
      outline: none;
      border: 1px solid rgba(0, 0, 0, 0.61);
      /* border: 2px solid rgb(238, 224, 243); */
      border-radius: 5px;
      margin: 0;
      margin-bottom: 10px;
      box-shadow: 0 1px rgba(0, 0, 0, 0.233);
      resize: none;
      box-sizing: border-box;
    }

    .contact .input-box input:focus {
      border: 1px solid rgb(0, 128, 255);
    }

    .contact .input-box textarea:focus {
      border: 1px solid dodgerblue;
    }

    .contact .input-box textarea {
      height: 100%;
    }

    ::placeholder {
      color: rgba(0, 0, 0, 0.521);
      letter-spacing: 0;
      font-size: 15px;
    }

    .contact .submit-btn input {
      width: 100%;
      height: 35px;
      border: none;
      /* background-color: rgba(17, 135, 253, 0.952); */
      border: 1px solid rgb(0, 128, 255);
      ;
      background-color: transparent;
      border-radius: 3px;
      color: rgb(0, 128, 255);
      font-size: 20px;
      font-family: serif;
      padding: 0 8px;
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.116);
      border-radius: 5px;
      outline: none;
      cursor: pointer;
      transition: 0.3s ease-in-out;
    }

    .contact .submit-btn input:hover {
      background-color: rgb(0, 128, 255);
      color: white;
    }

    h2 {
      color: rgb(0, 128, 255);
      text-align: center;
      font-size: 30px;
    }
  </style>
</head>

<body>
  <div class="contact">
    <h2>Contact Now</h2>
    <form action="mail.php" method="post">
      <div class="input-box">
        <input type="text" name="name" placeholder="Your name">
      </div>
      <div class="input-box">
        <input type="email" name="email" placeholder="Email Address">
      </div>
      <div class="input-box">
        <textarea name="message" cols="25" rows="7" placeholder="Type your message"></textarea>
      </div>
      <div class="submit-btn">
        <input type="submit" name="send" value="Send Message">
      </div>
    </form>
  </div>
</body>

</html>

3. Include PHP Mailer
In your PHP script, include the PHP Mailer library using require or require_once. as shown in the following script:

4. Configure PHP Mailer
Set up PHP Mailer with your email server details, including the SMTP host, username, password, and port. Make sure to use valid credentials and a secure connection.

If you are using a Gmail SMTP server, first of all, login to your Gmail ID, turn on 2-step authentication and, generate an App Password. To generate an App Password in your Gmail account follow this link.

5. Process Form Data
In your PHP script, retrieve the form data submitted by the user using $_POST or $_GET, depending on your form’s method attribute. In this tutorial, we have received the following form data from the user:

6. Compose the Email
Use PHP Mailer to compose your email. You can format it as plain text or HTML, depending on your preference. Here is the complete PHPMailer source code to send HTML form via PHP Mailer:

PHPMailer Source Code

Copy the below source code and change the data according to your preferences:

<?php

//Import PHPMailer classes into the global namespace
//These must be at the top of your script, not inside a function
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

//required files
require 'phpmailer/src/Exception.php';
require 'phpmailer/src/PHPMailer.php';
require 'phpmailer/src/SMTP.php';

//Create an instance; passing `true` enables exceptions
if (isset($_POST["send"])) {

  $mail = new PHPMailer(true);

    //Server settings
    $mail->isSMTP();                              //Send using SMTP
    $mail->Host       = 'smtp.gmail.com';       //Set the SMTP server to send through
    $mail->SMTPAuth   = true;             //Enable SMTP authentication
    $mail->Username   = 'your email address';   //SMTP write your email
    $mail->Password   = 'app password';      //SMTP password
    $mail->SMTPSecure = 'ssl';            //Enable implicit SSL encryption
    $mail->Port       = 465;                                    

    //Recipients
    $mail->setFrom( $_POST["email"], $_POST["name"]); // Sender Email and name
    $mail->addAddress('example@gmail.com');     //Add a recipient email  
    $mail->addReplyTo($_POST["email"], $_POST["name"]); // reply to sender email

    //Content
    $mail->isHTML(true);               //Set email format to HTML
    $mail->Subject = $_POST["subject"];   // email subject headings
    $mail->Body    = $_POST["message"]; //email message

    // Success sent message alert
    $mail->send();
    echo
    " 
    <script> 
     alert('Message was sent successfully!');
     document.location.href = 'index.php';
    </script>
    ";
}
?>

7. Handle Success and Error messages
Implement error handling to deal with scenarios where the email-sending process might fail. Display a success message to the user upon successful submission.

8. Send the Email
Use the send method to send the email. Ensure to implement error handling to deal with scenarios where the email-sending process might fail.

9. Testing Your Setup
After implementing the above steps, thoroughly test your setup. Submit test data through your HTML form to ensure that emails are being sent correctly to the specified email address.

Conclusion
In conclusion, PHP Mailer is a powerful tool that simplifies the process of sending HTML forms to email addresses. By following the steps outlined in this guide, you can enhance user interaction on your website and efficiently collect user information, feedback, and inquiries. Remember to handle errors gracefully and ensure the security of user data during transmission.

Now, let’s address some frequently asked questions (FAQs) related to PHP Mailer and email functionality.

How to Add Scroll to Top Button on Your Website HTML CSS

HMA WebDesign — Thu, 21 Mar 2024 07:09:13 +0000

Scrolling down a page is a common occurrence on websites. But what if you want to go back to the top of the page? You can create a scroll to top button on your website to make this easy. In this blog post, we’ll show you how to add a scroll to top button on your website in just a few simple steps.

Scrolling through pages of content can be a tedious task, but with the scroll to top button on your website, it can be a breeze. Adding this simple button to your website can make it easier for users to get the information they want faster. In this blog post, we will show you how to add the scroll to top button on your website.

Follow these easy steps to add a Scroll-to-Top or Back to top Button on your Website:

First, add the HTML Button code below to your web page, inside the footer area.
Add the top button icon using the Font Awesome site kit.
Then, add the CSS styling to the main stylesheet of your website.
After that, create a new file named scroll.js, and add JavaScript code to it.
Link the JavaScript file to the top button page.

Video Tutorial – Adding Back to Top Button in HTML

Watch the video tutorial on how to create ascroll to top button on your website using HTML, CSS, and JavaScript:

Step 1- Add Top Button HTML Code

First, It’s time to get the HTML scroll to top button on your website code. Add this code line on the footer area, where you want to place the back to the top button.

<button onclick="topFunction()" id="myBtn" title="Scroll to Top">
    <!-- font awesome up arrow icon -->
    <i class="fas fa-angle-double-up"></i> 
</button>

Step 2-Top Button Icon Using the Font Awesome site kit

In this step, we are adding the up arrow icon inside the scroll to top button on your website using the font awesome kit.

To use the Free Font Awesome 6 icons, you can sign up for an account at Font Awesome. And get a code (called KIT CODE) to use when you add Font Awesome to get scroll to top button on your website.

I prefer the KIT CODE approach. Once you get the code you can start using Font Awesome on your web pages. Include only one line of HTML code in the header section of the web page.

<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>

You will get the code to your email like that a076d05399.js and by inserting the script tag, with the code, you can start using Font Awesome icons.

Step 3- Add the CSS styling

After that add the following CSS source code to the main style sheet of your website to style scroll to top button on your website.

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 10px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(0, 11, 160, 0.815); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 0px 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 30px; /* Increase font size */
}
#myBtn:hover {
  background-color: rgb(0, 0, 0); /* Add a dark-grey background on hover */
}

Step 4- Add JavaScript Code

Now, create a new javascript file named scroll.js and add the following code for scroll to top button on your website.

//Get the Top button:
mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
 scrollFunction();
};
function scrollFunction() {
 if (document.body.scrollTop > 20 || document.documentElement.    scrollTop > 20) {
    mybutton.style.display = "block";
 } else {
  mybutton.style.display = "none";
 }
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
 document.body.scrollTop = 0; // For Safari
 document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}

Step 5- Link the JavaScript
Finally, link the JavaScript (scroll.js) file to the web page where you want to place the go to the top button. To link the javascript file to the web page use the following one-line code.

<script src="scroll.js"></script>

Final Words

If you’re looking for a way to improve your website’s user experience, consider adding a scroll to top button on your website.

Simple Calculator App in HTML CSS and JavaScript

HMA WebDesign — Thu, 21 Mar 2024 06:50:51 +0000

Are you ready to embark on an exciting journey into the world of web development? Building a simple calculator app in HTML CSS, and JavaScript is an excellent starting point.

In this comprehensive guide, we will walk you through the process step by step, from setting up your project to adding functionality and styling. By the end of this tutorial, you’ll have a fully functional calculator app that you can proudly showcase.

Prerequisites – Simple Calculator App in HTML CSS

To successfully build the simple calculator app in HTML CSS, you’ll need the following:

HTML: This will be the structure of your app.
CSS: For styling and making your calculator visually appealing.
JavaScript: To add functionality and perform calculations.
A code editor: Choose a code editor of your preference. Some popular options include Visual Studio Code, Sublime Text, or Atom.

Video Tutorial

HTML: Building the Structure

In this section, we’ll create the HTML structure for our calculator app. The HTML file serves as the backbone of our application.

<!DOCTYPE html>
<html>

<head>
    <title>Simple Calculator</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>

<body>
    <div class="calculator">
        <input type="text" id="display" disabled>
        <div class="keypad">
            <button class="operator" onclick="appendValue('/')">/</button>
            <button class="operator" onclick="appendValue('*')">x</button>
            <button onclick="appendValue('7')">7</button>
            <button onclick="appendValue('8')">8</button>
            <button onclick="appendValue('9')">9</button>
            <button class="operator" onclick="appendValue('-')">-</button>
            <button onclick="appendValue('4')">4</button>
            <button onclick="appendValue('5')">5</button>
            <button onclick="appendValue('6')">6</button>
            <button class="operator" onclick="appendValue('+')">+</button>
            <button onclick="appendValue('1')">1</button>
            <button onclick="appendValue('2')">2</button>
            <button onclick="appendValue('3')">3</button>
            <button id="clear-btn" onclick="clearDisplay()">C</button>
            <button onclick="appendValue('0')">0</button>
            <button id="calculate-btn" onclick="calculate()">=</button>
        </div>
    </div>

    <script src="script.js"></script>
</body>

</html>

CSS: Adding Style

simple calculator app in HTML CSS
Next, let’s style our calculator to make it visually appealing. Create a style.css file and add the following CSS code:

.calculator {
    width: 250px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f0f0f0;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

#display {
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    padding: 5px;
}

.keypad {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

button {
    width: 100%;
    height: 30px;
    font-size: 14px;
}

button.operator {
    background-color: #ff9933;
    color: #fff;
    font-weight: bold;
}

JavaScript: Adding Functionality

Now comes the exciting part – adding functionality to our calculator using JavaScript. Create a script.js file and add the following JavaScript code:

// Function to append the clicked button value to the display
function appendValue(value) {
    // Your code here
}

// Function to clear the display
function clearDisplay() {
    // Your code here
}

// Function to evaluate and display the result
function calculate() {
    // Your code here
}

Conclusion

Congratulations! You’ve just learned how to create a simple calculator app in HTML CSS, and JavaScript. This project is a fantastic way to kick-start your web development journey. Keep practicing, and exploring advanced features, and soon you’ll be building more complex web applications.

Create Complete User Registration Form in PHP and MySQL

HMA WebDesign — Thu, 21 Mar 2024 06:35:47 +0000

What You Will Learn?

As stated previously, in this article, you are going to learn the following important concepts while creating the complete user registration form in PHP and using the MySQL database.

How to create a user registration form in HTML and CSS?

How to create a new MySQL database in PHPMyAdmin?
How to connect with MySQL database with PHP?
How to do registration form validation in PHP?
Password encryption or password hashing in PHP?
How to insert or update user data into the database table?
How to use $_session variable in the PHP user registration and login form?
How to set the cookies variable in PHP for user registration?
How to create a User logout PHP code?
How to create a user login system in PHP?
How to write PHP code for the user login form?

Video Tutorial – Login Register PHP

Meanwhile, You can watch the following video tutorial which includes the step-by-step process to create a complete user registration form using PHP and MySQL databases.

Steps – Login and Register for PHP Form

More importantly, to create a complete user registration system in PHP and MySQL, we are going to adopt the following approach.

First of all, we are going to create the following PHP files:
Create an index.php file. This file contains the HTML and CSS code for the user Sign up form.
Create a new MySql database in PHPMyAdmin and a new user table where you want to store the user login details.
Create a linkDB.php file. This file will contain MYSQL database connection PHP code.
Create a server.php file. This file will contain all server-side PHP and MYSQL database codes for user registration and user login forms. This file is linked with both, index.php and login.php files using the PHP include function.
Create a LoggedInPage.php file. This will be your home page, and after the successfully logged user in, will redirect to this home page.
Create a login.php file. This file contains the login form HTML and CSS code.

Source Code – (index.php File)

The following HTML CSS source code belongs to the index.php file. This code is for the user registration form in PHP.

<!-- PHP command to link server.php file with registration form  -->
<?php include('server.php'); ?>

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Registration</title>

     <!-- CSS Code -->
     <style>
         .container{
             justify-content: center;
             text-align: center;
             align-items: center;
         }
         input{
             padding: 5px;
         }
         .error{
             background-color: pink;
             color: red;
             width: 300px;
             margin: 0 auto;
         }
     </style>
 </head>

 <body>
 <div class="container">
     <h1>User Registration System</h1>
     <h4><a href="loggedInPage.php">Home Page</a></h4>


     <div class="form" id="signUp">
     <form method="POST">
        <div class="error"> <?php echo $error ?> </div>

            <!--------- To check user regidtration status ------->
     <p>
         <?php
            if (!isset($_COOKIE["id"]) OR !isset($_SESSION["id"]) ) {
             echo "Please first register to proceed.";
            }
         ?>
        </p>
       <input type="text" name="name" placeholder="User Name"> <br> <br>
       <input type="email" name="email" placeholder="Email"> <br><br>
       <input type="password" name="password" placeholder="password"><br><br>
       <input type="password" name="repeatPassword" placeholder="Repeat Password"><br><br>
       <label for="checkbox">Stay logged in</label>
       <input type="checkbox" name="stayLoggedIn" id="chechbox" value="1"> <br><br>
       <input type="submit" name="signUp" value="Sign Up">
       <p >Have an account already? <a href="logIn.php">Log In</a></p>
      </form>
     </div>

 </body>
 </html>

Source Code – (login.php File)

<!-- PHP command to link server.php file with registration form  -->
<?php include('server.php'); ?>

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>User logIn</title>

     <style>
         .container{
             justify-content: center;
             text-align: center;
             align-items: center;
         }
         input{
             padding: 5px;
         }
         .error{
             background-color: pink;
             color: red;
             width: 300px;
             margin: 0 auto;
         }
     </style>
 </head>
 <body>
 <div class="container">
     <h1> User Registration System</h1>

     <h4><a href="loggedInPage.php">Home Page</a></h4>
                      <!--------log in form------>

     <div class="logInForm" id="logIn">
     <form method="POST">

     <!-- To show errors is user put wrong data -->
        <div class="error"> <?php echo $error2 ?> </div>

        <!-- To check the user loged In status -->
        <p>
         <?php
            if (!isset($_COOKIE["id"]) OR !isset($_SESSION["id"]) ) {
             echo "<p>Please first log in to proceed.</p>";
            }
         ?>
       </p>

       <input type="email" name="email" placeholder="Email"> <br><br>
       <input type="password" name="password" placeholder="password"><br><br>
       <label for="checkbox">Stay logged in</label>
       <input type="checkbox" name="stayLoggedIn" id="chechbox" value="1"> <br><br>
       <input type="submit" name="logIn" value="Log In">

       <!-- User registration form link -->
       <p>Not a register user <a href="index.php"> Create Account</a></p>
     </form>
     </div>
 </div>

 </script>

 </body>
 </html>

Source Code – (linkDB.php File)

The linkDB.php includes the following PHP code.

<?php
// Open a new connection to the MySQL server
$linkDB = mysqli_connect("localhost","my_user_name","my_password","my_db_name");  
  if (mysqli_connect_error()){ //for connection error finding
  die ('There was an error while connecting to database');
  }
    ?>

Source Code – (server.php File)

The following back-end code for the user registration form in PHP will be included in the server.php file:

<?php 
session_start();
//------ PHP code for User registration form---
$error = "";
if (array_key_exists("signUp", $_POST)) {

     // Database Link
    include('linkDB.php');  

    //Taking HTML Form Data from User
    $name = mysqli_real_escape_string($linkDB, $_POST['name']);
    $email = mysqli_real_escape_string($linkDB, $_POST['email']);
    $password = mysqli_real_escape_string($linkDB,  $_POST['password']); 
    $repeatPassword = mysqli_real_escape_string($linkDB,  $_POST['repeatPassword']); 

    // PHP form validation PHP code
    if (!$name) {
      $error .= "Name is required <br>";
     }
    if (!$email) {
        $error .= "Email is required <br>";
     }
    if (!$password) {
        $error .= "Password is required <br>";
     } 
     if ($password !== $repeatPassword) {
        $error .= "Password does not match <br>";
     }
     if ($error) {
        $error = "<b>There were error(s) in your form!</b> <br>".$error;
     }  else {

        //Check if email is already exist in the Database

        $query = "SELECT id FROM users WHERE email = '$email'";
        $result = mysqli_query($linkDB, $query);
        if (mysqli_num_rows($result) > 0) {
            $error .="<p>Your email has taken already!</p>";
        } else {

            //Password encryption or Password Hashing
            $hashedPassword = password_hash($password, PASSWORD_DEFAULT); 
            $query = "INSERT INTO users (name, email, password) VALUES ('$name', '$email', '$hashedPassword')";

            if (!mysqli_query($linkDB, $query)){
                $error ="<p>Could not sign you up - please try again.</p>";
                } else {

                    //session variables to keep user logged in
                $_SESSION['id'] = mysqli_insert_id($linkDB);  
                $_SESSION['name'] = $name;

                //Setcookie function to keep user logged in for long time
                if ($_POST['stayLoggedIn'] == '1') {
                setcookie('id', mysqli_insert_id($linkDB), time() + 60*60*365);
                //echo "<p>The cookie id is :". $_COOKIE['id']."</P>";
                }

                //Redirecting user to home page after successfully logged in 
                header("Location: loggedInPage.php");  

                }

            }

        }  
    }

      //-------User Login PHP Code ------------

if (array_key_exists("logIn", $_POST)) {

    // Database Link
    include('linkDB.php'); 

      //Taking form Data From User
      $email = mysqli_real_escape_string($linkDB, $_POST['email']);
      $password = mysqli_real_escape_string($linkDB,  $_POST['password']); 

      //Check if input Field are empty
      if (!$email) {
          $error2 .= "Email is required <br>";
       }
      if (!$password) {
          $error2 .= "Password is required <br>";
       } 
       if ($error2) {
          $error2 = "<b>There were error(s) in your form!</b><br>".$error2;
       }

      else {        
          //matching email and password

            $query = "SELECT * FROM users WHERE email='$email'";
            $result = mysqli_query($linkDB, $query);
            $row = mysqli_fetch_array($result);

            if (isset($row)) {

                if (password_verify($password, $row['password'])) {

                    //session variables to keep user logged in
                    $_SESSION['id'] = $row['id'];  

                      //Logged in for long time untill user didn't log out
                    if ($_POST['stayLoggedIn'] == '1') {
                    setcookie('id', $row['id'], time() + 60*60*24); //Logged in permanently
                    }

                    header("Location: loggedInPage.php");

                } else {
                    $error2 = "Combination of email/password does not match!";
                     }

            }  else {
                $error2 = "Combination of email/password does not match!";
                 }
        }
}
?>

User Logout PHP Code

The below code is used to log out with a session in PHP and log out PHP session.

//PHP code to logout user from website

  if (isset($_GET["logout"])) {
    unset($_SESSION['id']);
    setcookie("id", "", time() - 3600);
    $_COOKIE['id'] = "";
  }

Final Words
In the above discussion, we have created the registration and login form in PHP and MySQL databases. If you want to implement the above user registration form in PHP on your website then you need to follow the procedures explained in this tutorial. If you still find any difficulty in understanding, feel free to contact this website www.hmawebdesign.com. If you found this tutorial helpful please don’t forget to SUBSCRIBE YOUTUBE CHANNEL.

Share this Article!

How to Create Weather App in PHP | OpenWeatherMap API

HMA WebDesign — Thu, 21 Mar 2024 05:26:24 +0000

In this article, you will learn How to Create Weather App in PHP and How to Use OpenWeatherMap API Using PHP. Some websites required a weather app to display the current weather conditions to their users.

We are going to create a weather web application by using a weather API provided by OpenWeatherMap using PHP. By using open weather API, you can get minute weather forecasts, historical data, current state, and from short-term to annual and forecasted weather data.

Steps to Create Weather App in PHP

Create the basic application front Page using HTML and CSS: I have created a basic UI that look like cards and each card displays current location weather information.
Get a Weather API key using the Open Weather Map Website: You first need to Sign Up before you can generate an API key for your Weather API. After signing up navigate to the API section of the website and select the automatically generated weather API key. Save this API key as you will need this to call from your app. Open Weather Website: https://openweathermap.org/
Call the weather API using PHP: I have used Retrofit for a type-safe HTTP client call. For calling the weather API we need the base URL and the user’s coordinates are parameters.

Video Tutorial (Create Weather App in PHP)

Source Code to Create Weather App in PHP

Following are the Source codes to create a Weather Application in PHP.

HTML Source Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">

  <title>Weather App</title>
</head>
<body>
    <div class="container">

          <h1>What's The Weather?</h1>



          <form>
  <fieldset class="form-group">
    <label for="city">Enter the name of a city.</label>
    <input type="text" class="form-control" name="city" id="city" placeholder="Eg. London, Tokyo" value = "<?php echo $_GET['city']; ?>">
  </fieldset>

  <button type="submit" class="btn btn-primary">Submit</button>
</form>

          <div id="weather"><?php

              if ($weather) {

                  echo '<div class="alert alert-success" role="alert">
  '.$weather.'
</div>';

              } else if ($error) {

                  echo '<div class="alert alert-danger" role="alert">
  '.$error.'
</div>';

              }

              ?></div>
      </div>

    <!-- jQuery first, then Bootstrap JS. -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>
</body>
</html>

CSS Source Code

html { 
          background: url(background.jpeg) no-repeat center center fixed; 
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
          }

          body {

              background: none;

          }

          .container {

              text-align: center;
              margin-top: 100px;
              width: 450px;

          }

          input {

              margin: 20px 0;

          }

          #weather {

              margin-top:15px;

          }

PHP Source Code

<?php

    $weather = "";
    $error = "";

    if ($_GET['city']) {

     $urlContents = file_get_contents("http://api.openweathermap.org/data/2.5/weather?q=".urlencode($_GET['city']).",uk&appid=4b6cbadba309b7554491c5dc66401886");

        $weatherArray = json_decode($urlContents, true);

        if ($weatherArray['cod'] == 200) {

            $weather = "The weather in ".$_GET['city']." is currently '".$weatherArray['weather'][0]['description']."'. ";

            $tempInCelcius = intval($weatherArray['main']['temp'] - 273);

            $weather .= " The temperature is ".$tempInCelcius."&deg;C and the wind speed is ".$weatherArray['wind']['speed']."m/s.";

        } else {

            $error = "Could not find city - please try again.";

        }

    }

?>

How to Connect Contact form to email in PHP

HMA WebDesign — Wed, 20 Mar 2024 17:30:21 +0000

Here is a tutorial on how to receive email from HTML form using PHP. Here is a demo and tutorial on how to make the email recipient target land on your contact form.

And how to connect a contact form to Receive Email from HTML Form using PHP and how to use the PHP mail() function.

How to Receive Email from HTML Form using PHP

Video Tutorial

There are a few steps to Receive Email from HTML Form using PHP and send the HTML form submission directly to an email address:

Create a contact form using HTML and CSS
Host HTML form on the live web hosting server to write PHP script
Open your VS Code editor
Connect VS Code editor to live web server using FTP-Simple extension
Change your file extension from .html to .php
Write PHP code to send HTML form data to email using PHP

Important Note: First of all, host your contact form on any live web server in order to execute PHP code. And change your file extension to .php to run a PHP script.

HTML Source Code

<!-- connect with php file -->
<?php include 'mail.php'  ?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="container">  
    <form id="contact" action="" method="post">
      <h3>Contact Details</h3>
      <h4>Contact us today, and get reply with in 24 hours!</h4>
      <div class="row">

        <div class="col">
          <fieldset>
            <input placeholder="First Name" name="firstName" type="text" tabindex="1" required autofocus>
          </fieldset>
          <fieldset>
            <input placeholder="Your Email Address" name="email" type="email" tabindex="2" required>
          </fieldset>
          <fieldset>
            <input placeholder="Your Phone Number" name="tel" type="tel" tabindex="3" required>
          </fieldset>
          <fieldset>
            <input placeholder="Date of birth" type="text" onfocus="(this.type='date')" name="date" tabindex="4" required>
          </fieldset>
          <fieldset>
            <input type="text" name="city" placeholder="City/State Name" tabindex="5" required>
          </fieldset>
        </div>

        <div class="col">
          <fieldset>
            <input type="text" placeholder="Last Name" name="lastName"  tabindex="1" required autofocus>
          </fieldset>
          <fieldset>
            <input type="text" name="address" placeholder="Home Address" tabindex="5" required>
          </fieldset>
          <fieldset>
            <p>What is your employment status?</p>
            <div class="radio">
              <input type="radio" id="job" name="status" value="job">
              <label for="job">Employed</label>
            </div>
            <div class="radio"> 
              <input type="radio" id="business" name="status" value="business">
              <label for="business">Business</label>
          </div>
          <div class="radio">
              <input type="radio" id="student" name="status" value="student">
              <label for="student">Student</label>
            </div>
        </fieldset>

         <!--  <fieldset>
            <label for="file">Upload</label>
            <input type="file" id="file" name="file">
          </fieldset> -->
        </div>
     </div>

        <!-- Error display -->
        <div>
         <p class="success"> <?php echo $success;  ?> </p>
         <p class="failed"> <?php echo $failed;  ?> </p>
        </div>

      <fieldset>
        <button type="submit" name="submit" id="contact-submit" data-submit="...Sending">Submit Now</button>
      </fieldset>
    </form>
  </div>
</body>
</html>

CSS Source Code

Now, you will get the source code for CSS (Cascading Style Sheet).

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);

* {
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    -o-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

body {
    font-family:"Open Sans", Helvetica, Arial, sans-serif;
    font-weight:400;
    font-size: 16px;
    line-height:30px;
    color:rgb(32, 32, 32);
    background: rgb(55, 170, 107);
}

.container {
    max-width:900px;
    width:100%;
    margin:0 auto;
    position:relative;
}

#contact input, textarea, button
{ font:400 16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
    background:#e7e7e7;
    padding:25px;
    margin:50px 0;
}

#contact h3 {
    color: green;
    display: block;
    font-size: 30px;
    font-weight: 700;
    margin-left: 20px;
}

#contact h4 {
    margin:5px 0 15px;
    display:block;
    color: rgb(31, 31, 31);
    font-size:13px;
    margin-left: 20px;
}

fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#contact input {
    width:100%;
    border:1px solid #CCC;
    background:#FFF;
    margin:0 0 5px;
    padding:10px;
}

#contact input:hover {
    -webkit-transition:border-color 0.3s ease-in-out;
    -moz-transition:border-color 0.3s ease-in-out;
    transition:border-color 0.3s ease-in-out;
    border:1px solid rgb(134, 134, 134);
}

#contact button {
    cursor:pointer;
    width: 20%;
    border:none;
    background:rgb(3, 153, 212);
    color:#FFF;
    margin:0 0 5px 20px;
    padding:10px;
    font-size:15px;
}

#contact button[type="submit"]:hover {
    background:#09C;
    -webkit-transition:background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus {
    outline:0;
    border:1px solid rgb(112, 112, 112);
}
::-webkit-input-placeholder {
 color:rgb(66, 66, 66);
}


.row {
    display: flex;
    width: 100% !important;
}
.row .col {
    width: 50%;
    margin: 20px;
}

input[type="radio"] {
  width: 10% !important;
}

#contact .row .radio {
    border: 1px solid rgb(97, 97, 97) !important;
    background-color: rgb(255, 255, 255);
    margin-bottom: 5px !important;
}

.success{
    color: green;
    font-weight: 700;
    padding: 5px;
    text-align: center;
}
.failed{
    color: red;
    font-weight: 700;
    padding: 5px;
    text-align: center;
}

PHP Source Code – How to Send HTML Form to Direct Mail?

Following is the PHP Source code to get an email from an HTML form using PHP and send the HTML form to direct mail. Create a new mail.php file and paste the code inside it.

<?php  
if( isset($_POST['submit']) ) {
//getting user data
$firstName = $_POST['firstName'];
$lastName = $_POST['lastName'];
$fromEmail = $_POST['email'];
$phone = $_POST['tel'];
$dateOfBirth = $_POST['date'];
$cityName = $_POST['city'];
$homeAddress = $_POST['address'];
$employmentStatus = $_POST['status'];

//Recipient email, Replace with your email Address
$mailTo = 'hmawebdesign@hotmail.com';

//email subject
$subject = ' A New Message Received From ' .$firstName;

//email message body
$htmlContent = '<h2> Email Request Received </h2>
<p> <b>Client Name: </b> '.$firstName . " " . $lastName . '</p>
<p> <b>Email: </b> '.$fromEmail .'</p>
<p> <b>Phone Number: </b> '.$phone .'</p>
<p> <b>Date of Birth: </b> '.$dateOfBirth .'</p>
<p> <b>City Name: </b> '.$cityName .'</p>
<p> <b>Home Address: </b> '.$homeAddress .'</p>
<p> <b>Employment Status: </b> '.$employmentStatus .'</p>';

//header for sender info
$headers = "From: " .$firstName . "<". $fromEmail . ">";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=UTF-8\r\n";

//PHP mailer function
 $result = mail($mailTo, $subject, $htmlContent, $headers);

   //error checking
   if($result) {
    $success = "The message was sent successfully!";
   } else {
    $failed = "Error: Message was not sent, Try again Later";
   }
}

?>

Final Words
The tutorial explained how do I send an email from the client side using the PHP mailer function. If you find it helpful don’t forget to SUBSCRIBE to my YouTube Channel.

Welcome to my channel, HMA WebDesign! The purpose of this channel is to provide you a complete training course on Web development and freelancing techniques. This channel will teach you WordPress Website, eCommerce Website, Custom CMS, Error Fix, Usability Test, Performance Optimization, Security, and SEO. Blog Website: https://www.hmawebdesign.com/ Please subscribe to our channel for learning and earning money online! ------------------------------------------------------------------- Contact me through social media for web development work: - witter: https://twitter.com/HmaWebdesign - Facebook: https://web.facebook.com/HmaWebdesign - LinkedIn: https://www.linkedin.com/hmawebdesign/ - Instagram https://www.instagram.com/hmawebdesign/

youtube.com

How to Receive Email from HTML Form using PHP

HMA WebDesign — Tue, 19 Mar 2024 07:33:54 +0000

Here is a tutorial on how to receive email from HTML form using PHP. Here is a demo and tutorial on how to make the email recipient target land on your contact form. And how to connect a contact form to Receive Email from HTML Form using PHP and how to use the PHP mail() function.

PHP Mail is most often used by website mods and admins because it is cheap, fast, and easy to set up. Many UK businesses prefer PHP Mail because it can be configured to help with SEO as well as marketing automation.

How to Receive Email from HTML Form using PHP

There are a few steps to Receive Email from HTML Form using PHP and send the HTML form submission directly to an email address:

Create a contact form using HTML and CSS
Host HTML form on the live web hosting server to write PHP script
Open your VS Code editor
Connect VS Code editor to live web server using FTP-Simple extension
Change your file extension from .html to .php
Write PHP code to send HTML form data to email using PHP

_Important Note: _First of all, host your contact form on any live web server in order to execute PHP code. And change your file extension to .php to run a PHP script.

HTML Contact Form Source Code

Now I am going to provide you the source codes of HTML, CSS, and PHP for the contact form. I have created a separate sentMail.php file to write the PHP script. And add this PHP file with the HTML code of the contact form using the PHP include statement.

Below is the HTML source code of the contact form to send the form details to an email address. This contact form contains the following user data fields.

User name
User email address
Phone number of the customer
Home Address
User Date of birth.

<!-- connect with php file -->
<?php include 'mail.php'  ?>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="container">  
    <form id="contact" action="" method="post">
      <h3>Contact Details</h3>
      <h4>Contact us today, and get reply with in 24 hours!</h4>
      <div class="row">

        <div class="col">
          <fieldset>
            <input placeholder="First Name" name="firstName" type="text" tabindex="1" required autofocus>
          </fieldset>
          <fieldset>
            <input placeholder="Your Email Address" name="email" type="email" tabindex="2" required>
          </fieldset>
          <fieldset>
            <input placeholder="Your Phone Number" name="tel" type="tel" tabindex="3" required>
          </fieldset>
          <fieldset>
            <input placeholder="Date of birth" type="text" onfocus="(this.type='date')" name="date" tabindex="4" required>
          </fieldset>
          <fieldset>
            <input type="text" name="city" placeholder="City/State Name" tabindex="5" required>
          </fieldset>
        </div>

        <div class="col">
          <fieldset>
            <input type="text" placeholder="Last Name" name="lastName"  tabindex="1" required autofocus>
          </fieldset>
          <fieldset>
            <input type="text" name="address" placeholder="Home Address" tabindex="5" required>
          </fieldset>
          <fieldset>
            <p>What is your employment status?</p>
            <div class="radio">
              <input type="radio" id="job" name="status" value="job">
              <label for="job">Employed</label>
            </div>
            <div class="radio"> 
              <input type="radio" id="business" name="status" value="business">
              <label for="business">Business</label>
          </div>
          <div class="radio">
              <input type="radio" id="student" name="status" value="student">
              <label for="student">Student</label>
            </div>
        </fieldset>

         <!--  <fieldset>
            <label for="file">Upload</label>
            <input type="file" id="file" name="file">
          </fieldset> -->
        </div>
     </div>

        <!-- Error display -->
        <div>
         <p class="success"> <?php echo $success;  ?> </p>
         <p class="failed"> <?php echo $failed;  ?> </p>
        </div>

      <fieldset>
        <button type="submit" name="submit" id="contact-submit" data-submit="...Sending">Submit Now</button>
      </fieldset>
    </form>
  </div>
</body>
</html>

CSS Source Code

Now, you will get the source code for CSS (Cascading Style Sheet)

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);

* {
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    -o-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

body {
    font-family:"Open Sans", Helvetica, Arial, sans-serif;
    font-weight:400;
    font-size: 16px;
    line-height:30px;
    color:rgb(32, 32, 32);
    background: rgb(55, 170, 107);
}

.container {
    max-width:900px;
    width:100%;
    margin:0 auto;
    position:relative;
}

#contact input, textarea, button
{ font:400 16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
    background:#e7e7e7;
    padding:25px;
    margin:50px 0;
}

#contact h3 {
    color: green;
    display: block;
    font-size: 30px;
    font-weight: 700;
    margin-left: 20px;
}

#contact h4 {
    margin:5px 0 15px;
    display:block;
    color: rgb(31, 31, 31);
    font-size:13px;
    margin-left: 20px;
}

fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#contact input {
    width:100%;
    border:1px solid #CCC;
    background:#FFF;
    margin:0 0 5px;
    padding:10px;
}

#contact input:hover {
    -webkit-transition:border-color 0.3s ease-in-out;
    -moz-transition:border-color 0.3s ease-in-out;
    transition:border-color 0.3s ease-in-out;
    border:1px solid rgb(134, 134, 134);
}

#contact button {
    cursor:pointer;
    width: 20%;
    border:none;
    background:rgb(3, 153, 212);
    color:#FFF;
    margin:0 0 5px 20px;
    padding:10px;
    font-size:15px;
}

#contact button[type="submit"]:hover {
    background:#09C;
    -webkit-transition:background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus {
    outline:0;
    border:1px solid rgb(112, 112, 112);
}
::-webkit-input-placeholder {
 color:rgb(66, 66, 66);
}


.row {
    display: flex;
    width: 100% !important;
}
.row .col {
    width: 50%;
    margin: 20px;
}

input[type="radio"] {
  width: 10% !important;
}

#contact .row .radio {
    border: 1px solid rgb(97, 97, 97) !important;
    background-color: rgb(255, 255, 255);
    margin-bottom: 5px !important;
}

.success{
    color: green;
    font-weight: 700;
    padding: 5px;
    text-align: center;
}
.failed{
    color: red;
    font-weight: 700;
    padding: 5px;
    text-align: center;
}

PHP Source Code – How to Send HTML Form to Direct Mail?

Following is the PHP Source code to get an email from an HTML form using PHP and send the HTML form to direct mail. Create a new mail.php file and paste the code inside it.

<?php  
if( isset($_POST['submit']) ) {
//getting user data
$firstName = $_POST['firstName'];
$lastName = $_POST['lastName'];
$fromEmail = $_POST['email'];
$phone = $_POST['tel'];
$dateOfBirth = $_POST['date'];
$cityName = $_POST['city'];
$homeAddress = $_POST['address'];
$employmentStatus = $_POST['status'];

//Recipient email, Replace with your email Address
$mailTo = 'hmawebdesign@hotmail.com';

//email subject
$subject = ' A New Message Received From ' .$firstName;

//email message body
$htmlContent = '<h2> Email Request Received </h2>
<p> <b>Client Name: </b> '.$firstName . " " . $lastName . '</p>
<p> <b>Email: </b> '.$fromEmail .'</p>
<p> <b>Phone Number: </b> '.$phone .'</p>
<p> <b>Date of Birth: </b> '.$dateOfBirth .'</p>
<p> <b>City Name: </b> '.$cityName .'</p>
<p> <b>Home Address: </b> '.$homeAddress .'</p>
<p> <b>Employment Status: </b> '.$employmentStatus .'</p>';

//header for sender info
$headers = "From: " .$firstName . "<". $fromEmail . ">";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=UTF-8\r\n";

//PHP mailer function
 $result = mail($mailTo, $subject, $htmlContent, $headers);

   //error checking
   if($result) {
    $success = "The message was sent successfully!";
   } else {
    $failed = "Error: Message was not sent, Try again Later";
   }
}

?>

Final Words
The tutorial explained how do I send an email from the client side using the PHP mailer function. If you feel any difficulty understanding this post, you can ask in the comment section below. Your suggestion and queries are always welcome. If you find it helpful don’t forget to SUBSCRIBE to my YouTube Channel.

How to Create PHP Send Email Contact Form with Attachment

HMA WebDesign — Tue, 19 Mar 2024 06:58:26 +0000

We are going to create aPHP Send Email Contact Form with Attachment option which will send an email to a specific email address on form submission.

I divided the code into three parts for better understanding. We will put the HTML code in the first part, then the CSS code in the second file, and at the end, we will put the PHP code.

How do I create a PHP form email with an attachment?

Follow these steps to Send an Email with an attachment on Form Submission using PHP:

Build a simple HTML contact form (with optional CSS) and embed it on your website.
Host your contact form to any internet web hosting server.
Connect your code editor to a remote server to edit the PHP script.
Write a PHP script that will effectively handle sending emails.
Get the submitted form data using $_POST in PHP.
Validate form data to check whether the mandatory fields are not empty.
Validate email address using FILTER_VALIDATE_EMAIL in PHP.
Check the file extension to allow certain file formats (PDF, Image, and MS Word files)
Send an autoresponder to a user, letting them know we’ll handle their request .

Video Tutorial (Step-by-Step Process)

Source Codes

Now you will get the source codes to create PHP Send Email Contact Form with attachment.

HTML Contact Form (Source Code)
First of all, Create a new file index.php and paste the given HTML contact form code there!

<?php include 'mail.php' ?>

<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <!-- Linking CSS file -->
 <link rel="stylesheet" href="style.css">
 <title>Document</title>
</head>

<body>
 <div class="container">


  <form method="post" class="form" enctype="multipart/form-data">
   <div class="heading">
    <h2>Contact Form
     <h2 />
   </div>

   <div class="formGroup">
    <input type="text" name="name" id="name" placeholder="Name" autocomplete="off" value="<?php echo !empty($postData['name']) ? $postData['name'] : ''; ?>" required="">
   </div>

   <div class="formGroup">
    <input type="email" name="email" id="email" placeholder="Email ID" autocomplete="off" value="<?php echo !empty($postData['email']) ? $postData['email'] : ''; ?>" required="">
   </div>

   <div class="formGroup">
    <input type="text" name="subject" placeholder="Subject" autocomplete="off" value="<?php echo !empty($postData['subject']) ? $postData['subject'] : ''; ?>" required="">
   </div>

   <div class="formGroup">
    <input type="text" name="message" placeholder="Your Message" autocomplete="off" <?php echo !empty($postData['message']) ? $postData['message'] : ''; ?> required="">
   </div>

   <div class="formGroup">
    <input type="file" name="attachment" class="form-control" multiple>
   </div>

   <!-- Display submission status -->
   <div class="status">
    <?php if (!empty($statusMsg)) { ?>
     <p class="statusMsg <?php echo !empty($msgClass) ? $msgClass : ''; ?>">
      <?php echo $statusMsg; ?></p>
    <?php } ?>
   </div>

   <div class="formGroup">
    <button class="btn2" name="submit" value="SUBMIT" type="submit">SUBMIT </button>
   </div>

   <form />
 </div>

</body>

</html>

CSS Source Code

Next, create a new style.css file and paste the below CSS contact form code.

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* adding background image */
body{
  font-family: Arial, Helvetica, sans-serif;
}
/* Center content vertically and horizontally */
.container{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.form{
  width: 350px;
  height: 460px;
  background-color: white;
  box-shadow: 0 5px 30px black;
}
.heading h2{
  padding: 3px;
  margin: 30px 0px 10px 30px;
  border-style: none;
  background-color: transparent;
  color: black;
  font-size: 20px;
  font-weight: 600;
}
.formGroup{
  display: flex;
  justify-content: center;
}
.formGroup input{
  border: none;
  width: 80%;
  padding: 7px;
  margin-bottom: 15px;
  background-color: transparent;
  border-bottom: 2px solid rgb(68, 68, 68);
  color: black;
  font-weight: bold;
  font-size: 14px;
}

input:focus{
  outline: none;
  font-size: 17px;
  background-color: transparent;
}
.text{
  color: rgb(42, 41, 41);
  font-size: 13px;
}
.btn2{
  padding: 10px;
  outline: none;
  width: 150px;
  border-radius: 20px;
  border-style: none;
  background-color: rgb(28, 131, 28);
  color: whitesmoke;
  font-weight: 600;
  margin-top: 10px;
}
.btn2:hover {
 background-color: rgb(1, 63, 1);
}
.status {
 color: green;
 text-align: center;
 margin: 5px;
 font-weight: 600;
}

PHP Contact Form Send Email (Source Code)

Finally below is the PHP code script of the HTML contact form to send contact form data to email.

<?php
$postData = $uploadedFile = $statusMsg = '';
$msgClass = 'errordiv';
if(isset($_POST['submit'])){
    // Get the submitted form data
    $postData = $_POST;
    $email = $_POST['email'];
    $name = $_POST['name'];
    $subject = $_POST['subject'];
    $message = $_POST['message'];

    // Check whether submitted data is not empty
    if(!empty($email) && !empty($name) && !empty($subject) && !empty($message)){

        // Validate email
        if(filter_var($email, FILTER_VALIDATE_EMAIL) === false){
            $statusMsg = 'Please enter your valid email.';
        }else{
            $uploadStatus = 1;

            // Upload attachment file
            if(!empty($_FILES["attachment"]["name"])){

                // File path config
                $targetDir = "uploads/";
                $fileName = basename($_FILES["attachment"]["name"]);
                $targetFilePath = $targetDir . $fileName;
                $fileType = pathinfo($targetFilePath,PATHINFO_EXTENSION);

                // Allow certain file formats
                $allowTypes = array('pdf', 'doc', 'docx', 'jpg', 'png', 'jpeg');
                if(in_array($fileType, $allowTypes)){
                    // Upload file to the server
                    if(move_uploaded_file($_FILES["attachment"]["tmp_name"], $targetFilePath)){
                        $uploadedFile = $targetFilePath;
                    }else{
                        $uploadStatus = 0;
                        $statusMsg = "Sorry, there was an error uploading your file.";
                    }
                }else{
                    $uploadStatus = 0;
                    $statusMsg = 'Sorry, only PDF, DOC, JPG, JPEG, & PNG files are allowed to upload.';
                }
            }

            if($uploadStatus == 1){

                // Recipient Email, write your email here
                $toEmail = 'YourEmail@email.com';

                // Sender Data
                $from = $email;
                $fromName = $name;

                // Subject
                $emailSubject = 'Contact Request Submitted by '.$name;

                // Message 
                $htmlContent = '<h2>Customer Contact Detail!</h2>
                    <p><b>Name:</b> '.$name.'</p>
                    <p><b>Email:</b> '.$email.'</p>
                    <p><b>Subject:</b> '.$subject.'</p>
                    <p><b>Message:</b> '.$message.'</p>';

                // Header for sender info
                $headers = "From:". $fromName." <".$from.">";

                if(!empty($uploadedFile) && file_exists($uploadedFile)){

                    // Boundary 
                    $semi_rand = md5(time()); 
                    $mime_boundary = "==Multipart_Boundary_x{$semi_rand}x"; 

                    // Headers for attachment 
                    $headers .= "\nMIME-Version: 1.0\n" . "Content-Type: multipart/mixed;\n" . " boundary=\"{$mime_boundary}\""; 

                    // Multipart boundary 
                    $message = "--{$mime_boundary}\n" . "Content-Type: text/html; charset=\"UTF-8\"\n" .
                    "Content-Transfer-Encoding: 7bit\n\n" . $htmlContent . "\n\n"; 

                    // Preparing attachment
                    if(is_file($uploadedFile)){
                        $message .= "--{$mime_boundary}\n";
                        $fp =    @fopen($uploadedFile,"rb");
                        $data =  @fread($fp,filesize($uploadedFile));
                        @fclose($fp);
                        $data = chunk_split(base64_encode($data));
                        $message .= "Content-Type: application/octet-stream; name=\"".basename($uploadedFile)."\"\n" . 
                        "Content-Description: ".basename($uploadedFile)."\n" .
                        "Content-Disposition: attachment;\n" . " filename=\"".basename($uploadedFile)."\"; size=".filesize($uploadedFile).";\n" . 
                        "Content-Transfer-Encoding: base64\n\n" . $data . "\n\n";
                    }

                    $message .= "--{$mime_boundary}--";
                    $returnpath = "-f" . $email;

                    // Send email
                    $mail = mail($toEmail, $emailSubject, $message, $headers, $returnpath);

                    // Delete attachment file from the server
                    @unlink($uploadedFile);
                }else{
                     // Set content-type header for sending HTML email
                    $headers .= "\r\n". "MIME-Version: 1.0";
                    $headers .= "\r\n". "Content-type:text/html;charset=UTF-8";

                    // Send email
                    $mail = mail($toEmail, $emailSubject, $htmlContent, $headers); 
                }

                // If mail sent
                if($mail){
                    $statusMsg = 'Your Message was submitted successfully!';
                    $msgClass = 'succdiv';

                    $postData = '';
                }else{
                    $statusMsg = 'Your contact request submission failed, please try again.';
                }
            }
        }
    }else{
        $statusMsg = 'Please fill all the fields.';
    }
}

Final Words
This blog article explained to you, how to create a working user form using PHP with an attachment function and send an email from the client side using the PHP mailer function. If you feel any difficulty understanding this post, you can ask in the comment section below. Your suggestion and queries are always welcome. If you find it helpful don’t forget to SUBSCRIBE to my YouTube Channel.

How to Create a Registration Form in PHP and MySQL

HMA WebDesign — Tue, 19 Mar 2024 06:13:03 +0000

How to Create a Registration Form in PHP

Follow these steps to learn How to Create a Registration Form in PHP and MySQL in 2023.

Setting up the Environment
Create a new database in PHPMyAdmin on localhost
Setting up the database
Create a simple HTML form
PHP validation and submission
Storing user data in MySQL database
Write PHP code for the user registration form
Successful user registration confirmation.

You can also watch the video tutorial for the step-by-step process of creating a new database on localhost. Also, learn How to Create a Registration Form in PHP and MySQL.

Video Tutorial – How to Create a Registration Form in PHP

Setting Up the Database

The first step in creating a user registration form is to set up a database to store user information. To do this, we’ll use MySQL, a popular relational database management system. Here’s a sample SQL query for creating a table to store user information:

CREATE TABLE users (
  id INT(11) AUTO_INCREMENT PRIMARY KEY,
  username VARCHAR(50) NOT NULL UNIQUE,
  email VARCHAR(50) NOT NULL UNIQUE,
  password CHAR(60) NOT NULL
);

This query creates a table called “users” with four columns: an auto-incrementing “id” column that serves as the primary key, a “username” column for storing the user’s chosen username, an “email” column for storing the user’s email address, and a “password” column for storing the user’s hashed password.

Creating the HTML Form

The next step is to design the user interface of the registration form. You can use HTML to create the form and CSS to style it. Make sure that the form is user-friendly and easy to navigate.

<?php include('register.php'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <title>User Registration Form</title>
    <style>
        body {
            background-color: #eeeeee;
            font-family: Arial, sans-serif;
            padding: 80px;
        }
        form {
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0px 0px 10px #ccc;
            padding: 20px;
            width: 350px;
            margin: 0 auto;
        }
        input[type=text],
        input[type=password],
        input[type=email] {
            width: 100%;
            padding: 12px 20px;
            margin: 8px 0;
            display: inline-block;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
        }
        button[type=submit] {
            background-color: #4CAF50;
            color: white;
            padding: 14px 20px;
            margin: 8px 0;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            width: 100%;
        }
        button[type=submit]:hover {
            background-color: #45a049;
        }
        #successMessage {
            color: green;
            font-size: 15px;
            margin: 10px;
        }
        #errorMessage {
            color: red;
            font-size: 15px;
            margin: 10px;
        }
    </style>
</head>
<body>
    <form method="POST">
        <h2>User Registration Form</h2>
        <label for="username">Username:</label>
        <input type="text" id="username" name="username" required>
        <label for="email">Email:</label>
        <input type="email" id="email" name="email" required>
        <label for="password">Password:</label>
        <input type="password" id="password" name="password" required>
        <!-- Display success and error messages -->
        <div id="errorMessage"> <?php echo $error  ?> </div>
        <div id="successMessage"> <?php echo $success  ?> </div>
        <button type="submit" name="button">Register</button>
    </form>
</body>
</html>

PHP Validation and Submission

Now that we have a form that collects user information, we need to create a PHP script that validates the submitted data and inserts it into the MySQL database.

Validating User Input

After designing the form, it’s important to validate user input. Server-side validation ensures that user input is correct and meets the required criteria. In PHP, you can use the “filter_input()” function to validate user input.

PHP code for validating user input should be added before inserting the data into the database. You can also display error messages to guide users in filling out the form correctly.

Storing User Data in MySQL

Once the user input is validated, the next step is to store user data in a MySQL database. To do this, create a PHP file to connect to MySQL and insert user data into the database. You can use the “mysqli” function in PHP to connect to the MySQL database.

User Registration – PHP Code

Here’s an example of what the PHP script might look like: Create a new PHP file name register.php and paste the below code inside this.

<?php
// Connect to the MySQL database
$success = "";
$error = "";
if (array_key_exists("button", $_POST)) {
$mysqli = new mysqli("localhost", "root", "", " Your Database name");
// Check for errors
if ($mysqli->connect_error) {
die("Connection failed: " . $mysqli->connect_error);
} else { 
  // Validate the submitted data
  $username = $_POST["username"];
  $email = $_POST["email"];
  $password = password_hash($_POST["password"], PASSWORD_DEFAULT);
  // Check if the username or email already exists in the database
  $result = $mysqli->query("SELECT * FROM users WHERE username='$username' OR email='$email'");
  if ($result->num_rows > 0) {
      $error = "Username or email already taken.";
  } else {
    // Insert the user's information into the database
    $mysqli->query("INSERT INTO users (username, email, password) VALUES ('$username', '$email', '$password')");

    //success message
      $success = "Data submitted Successfully";
  }
}
}
?>

Conclusion
In this blog post, we have shown you how to create a registration form in PHP and MySQL. Following these steps, you can easily collect user data and store it securely in a database. Registration forms are an essential component of any website that requires users to create accounts or sign up for a service. So, start creating your registration form today and start collecting user data!

How To Attach Multiple Files in PHPMailer Email Using PHP

HMA WebDesign — Mon, 18 Mar 2024 17:39:14 +0000

What is PHP Mailer?

Steps – Send HTML Form via PHP Mailer

Let’s start with a detailed outline that will guide us to Send HTML Form via PHP Mailer through this extensive guide. Here are the important steps to Send an HTML Form via PHP Mailer on HTML form submission:

Download and install PHP Mailer from GitHub
Setup your HTML Contact Form
Include PHP Mailer in your HTML code
Configure PHP Mailer
Process form data to send email
Compose the Email
Handle Success and Error messages
Send the Email

Video Tutorial – Send HTML Form via PHP Mailer

Now that we have our roadmap, let’s explore each section in detail to Send HTML Forms via PHP Mailer.
How to Send HTML Form to Email Using PHP Mailer
Sending HTML forms via email is a seamless process when you have PHP Mailer at your disposal. Here’s a step-by-step guide to achieving.

Prerequisites
Before diving into implementation, ensure that you have the following prerequisites in place:

A Web Server with PHP Support: You’ll need a web server, such as Apache or Google, with PHP support to run your PHP Mailer script.

Email Server Access: Ensure you have access to an email server or SMTP server to send emails, such as Gmail.
Basic HTML and PHP Knowledge: Familiarize yourself with HTML to create the form and PHP to process it.

Getting Started

Let’s start by downloading PHP Mailer and setting up our HTML form to Send HTML Form via PHP Mailer:

1. Download and install PHP Mailer

Begin by downloading the PHP Mailer library. You can obtain it from the official GitHub repository or use Composer if you prefer package management.

Download the PHP Mailer manually from the GitHub library Click Here!

If you want to install the PHPMailer using Composer. First of all, simply install the Composer Setup on your computer and run the following command in your terminal:

composer require phpmailer/phpmailer

2. Set Up Your HTML Form

Create an HTML form on your website where users can submit their information. Ensure that your form fields have appropriate name attributes.

Configure PHP Mailer

Set up PHP Mailer with your email server details, including the SMTP host, username, password, and port. Make sure to use valid credentials and a secure connection.

HTML Form Source Code

I have created a simple HTML form to send web form data to email using PHPMailer. I will collect this form data from the user and send it to my email address using PHPMailer.

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-weight: 300;
      font-size: 12px;
      line-height: 30px;
      color: #272727;
      background: rgb(25, 199, 155);
    }

    .container {
      max-width: 400px;
      width: 100%;
      margin: 0 auto;
      position: relative;
    }

    #contact input {
      font: 400 12px/16px;
      width: 100%;
      border: 1px solid #CCC;
      background: #FFF;
      margin: 10 5px;
      padding: 10px;
    }

    h1 {
      margin-bottom: 30px;
      font-size: 30px;
    }

    #contact {
      background: #F9F9F9;
      padding: 25px;
      margin: 50px 0;
    }


    fieldset {
      border: medium none !important;
      margin: 0 0 10px;
      min-width: 100%;
      padding: 0;
      width: 100%;
    }

    textarea {
      height: 100px;
      max-width: 100%;
      resize: none;
      width: 100%;
    }

    button {
      cursor: pointer;
      width: 100%;
      border: none;
      background: rgb(17, 146, 60);
      color: #FFF;
      margin: 0 0 5px;
      padding: 10px;
      font-size: 20px;
    }

    button:hover {
      background-color: rgb(15, 95, 42);
    }
  </style>
</head>

<body>
  <div class="container">
    <form id="contact" action="mail.php" method="post" enctype="multipart/form-data">
      <h1>Contact Form</h1>

      <fieldset>
        <input placeholder="Your name" name="name" type="text" tabindex="1" autofocus>
      </fieldset>
      <fieldset>
        <input placeholder="Your Email Address" name="email" type="email" tabindex="2">
      </fieldset>
      <fieldset>
        <textarea name="message" placeholder="Type your Message Details Here..." tabindex="5"> 
 </textarea>
      </fieldset>

       <!-- Multiple file attachment -->
      <fieldset>
        <label for="file">
          <h3> Upload your documents:</h3>
        </label>
        <input name="file[]" multiple="multiple" type="file">
      </fieldset>

      <fieldset>
        <button type="submit" name="send" id="contact-submit">Submit Now</button>
      </fieldset>
    </form>
  </div>
</body>

</html>

PHPMailer Source Code

Copy the below source code and change the data according to your preferences:

<?php

//Import PHPMailer classes into the global namespace
//These must be at the top of your script, not inside a function
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

//required files
require 'phpmailer/src/Exception.php';
require 'phpmailer/src/PHPMailer.php';
require 'phpmailer/src/SMTP.php';

//Create an instance; passing `true` enables exceptions
if (isset($_POST["send"])) {

  $mail = new PHPMailer(true);

    //Server settings
    $mail->isSMTP();                              //Send using SMTP
    $mail->Host       = 'smtp.gmail.com';       //Set the SMTP server to send through
    $mail->SMTPAuth   = true;             //Enable SMTP authentication
    $mail->Username   = 'your email address';   //SMTP write your email
    $mail->Password   = 'app password';      //SMTP password
    $mail->SMTPSecure = 'ssl';            //Enable implicit SSL encryption
    $mail->Port       = 465;                                    

    //Recipients
    $mail->setFrom( $_POST["email"], $_POST["name"]); // Sender Email and name
    $mail->addAddress('example@gmail.com');     //Add a recipient email  
    $mail->addReplyTo($_POST["email"], $_POST["name"]); // reply to sender email

    //multiple file attachment
  for ($i = 0; $i < count($_FILES['file']['tmp_name']); $i++) {
     $mail->addAttachment($_FILES['file']['tmp_name'][$i], $_FILES['file']['name'][$i] ); 
  }

    //Content
    $mail->isHTML(true);               //Set email format to HTML
    $mail->Subject = 'Received New Message From: '. $_POST["name"];   // email subject headings
    $mail->Body    = $_POST["message"]; //email message

    // Success sent message alert
    $mail->send();
    echo
    " 
    <script> 
     alert('Message was sent successfully!');
     document.location.href = 'index.php';
    </script>
    ";
}

Conclusion

Incorporating multiple file attachments in PHPMailer emails for form submissions can greatly enhance your web application’s functionality and user experience. With the right setup and practices, you can streamline the process of collecting essential files from users and ensure smooth communication between your website and its visitors.

Now that you’ve learned how to attach multiple files using PHPMailer, you can provide an improved user experience while efficiently collecting data.

Now, let’s address some frequently asked questions (FAQs) related to PHP Mailer and email functionality.

How to Send HTML Form via PHP Mailer

HMA WebDesign — Sun, 17 Mar 2024 10:53:53 +0000

What is PHP Mailer?

Steps – Send HTML Form via PHP Mailer

Download and install PHP Mailer from GitHub
Setup your HTML Contact Form
Include PHP Mailer in your HTML code
Configure PHP Mailer
Process form data to send email
Compose the Email
Handle Success and Error messages
Send the Email
Video Tutorial – Send HTML Form via PHP Mailer
Now that we have our roadmap, let’s explore each section in detail to Send HTML Form via PHP Mailer.

How to Send HTML Form to Email Using PHP Mailer

Sending HTML forms via email is a seamless process when you have PHP Mailer at your disposal. Here’s a step-by-step guide to achieving, how to send HTML form via PHP Mailer:

Prerequisites

Before diving into implementation, ensure that you have the following prerequisites in place:

Step by Step Video Tutorial:

Getting Started

Let’s start by downloading PHP Mailer and setting up our HTML form to Send HTML Form via PHP Mailer:

1. Download and install PHP Mailer
Begin by downloading the PHP Mailer library. You can obtain it from the official GitHub repository or use Composer if you prefer package management.

To Download the PHP Mailer manually from the GitHub library Click Here!

If you want to install the PHPMailer using Composer. First of all, simply install the Composer Setup on your computer and run the following command in your terminal:

composer require phpmailer/phpmailer

2. Set Up Your HTML Form
Create an HTML form on your website where users can submit their information. Ensure that your form fields have appropriate name attributes.

HTML Form Source Code

I have created a simple HTML form to send web form data to email using PHPMailer. I will collect this form data from the user and send it to my email address using PHPMailer.

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600);

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-weight: 300;
      font-size: 12px;
      line-height: 30px;
      color: #272727;
      background: rgb(25, 199, 155);
    }

    .container {
      max-width: 400px;
      width: 100%;
      margin: 0 auto;
      position: relative;
    }

    #contact input {
      font: 400 12px/16px;
      width: 100%;
      border: 1px solid #CCC;
      background: #FFF;
      margin: 10 5px;
      padding: 10px;
    }

    h1 {
      margin-bottom: 30px;
      font-size: 30px;
    }

    #contact {
      background: #F9F9F9;
      padding: 25px;
      margin: 50px 0;
    }


    fieldset {
      border: medium none !important;
      margin: 0 0 10px;
      min-width: 100%;
      padding: 0;
      width: 100%;
    }

    textarea {
      height: 100px;
      max-width: 100%;
      resize: none;
      width: 100%;
    }

    button {
      cursor: pointer;
      width: 100%;
      border: none;
      background: rgb(17, 146, 60);
      color: #FFF;
      margin: 0 0 5px;
      padding: 10px;
      font-size: 20px;
    }

    button:hover {
      background-color: rgb(15, 95, 42);
    }
  </style>
</head>

<body>
  <div class="container">
    <form id="contact" action="mail.php" method="post">
      <h1>Contact Form</h1>

      <fieldset>
        <input placeholder="Your name" name="name" type="text" tabindex="1" autofocus>
      </fieldset>
      <fieldset>
        <input placeholder="Your Email Address" name="email" type="email" tabindex="2">
      </fieldset>
      <fieldset>
        <input placeholder="Type your subject line" type="text" name="subject" tabindex="4">
      </fieldset>
      <fieldset>
        <textarea name="message" placeholder="Type your Message Details Here..." tabindex="5"></textarea>
      </fieldset>

      <fieldset>
        <button type="submit" name="send" id="contact-submit">Submit Now</button>
      </fieldset>
    </form>
  </div>
</body>

</html>

3. Include PHP Mailer
In your PHP script, include the PHP Mailer library using require or require_once. as shown in the following script:

4. Configure PHP Mailer
Set up PHP Mailer with your email server details, including the SMTP host, username, password, and port. Make sure to use valid credentials and a secure connection.

PHPMailer Source Code

Copy the below source code and change the data according to your preferences:

<?php

//Import PHPMailer classes into the global namespace
//These must be at the top of your script, not inside a function
use PHPMailer\PHPMailer\PHPMailer;
use PHPMailer\PHPMailer\Exception;

//required files
require 'phpmailer/src/Exception.php';
require 'phpmailer/src/PHPMailer.php';
require 'phpmailer/src/SMTP.php';

//Create an instance; passing `true` enables exceptions
if (isset($_POST["send"])) {

  $mail = new PHPMailer(true);

    //Server settings
    $mail->isSMTP();                              //Send using SMTP
    $mail->Host       = 'smtp.gmail.com';       //Set the SMTP server to send through
    $mail->SMTPAuth   = true;             //Enable SMTP authentication
    $mail->Username   = 'your email address';   //SMTP write your email
    $mail->Password   = 'app password';      //SMTP password
    $mail->SMTPSecure = 'ssl';            //Enable implicit SSL encryption
    $mail->Port       = 465;                                    

    //Recipients
    $mail->setFrom( $_POST["email"], $_POST["name"]); // Sender Email and name
    $mail->addAddress('example@gmail.com');     //Add a recipient email  
    $mail->addReplyTo($_POST["email"], $_POST["name"]); // reply to sender email

    //Content
    $mail->isHTML(true);               //Set email format to HTML
    $mail->Subject = $_POST["subject"];   // email subject headings
    $mail->Body    = $_POST["message"]; //email message

    // Success sent message alert
    $mail->send();
    echo
    " 
    <script> 
     alert('Message was sent successfully!');
     document.location.href = 'index.php';
    </script>
    ";
}
?>

7. Handle Success and Error messages
Implement error handling to deal with scenarios where the email-sending process might fail. Display a success message to the user upon successful submission.

8. Send the Email
Use the send method to send the email. Ensure to implement error handling to deal with scenarios where the email-sending process might fail.

Now, let’s address some frequently asked questions (FAQs) related to PHP Mailer and email functionality.

How to Create a Website Without Coding Knowledge

HMA WebDesign — Tue, 10 Oct 2023 07:38:00 +0000

If you want to learn How to Create a Website Without Coding Knowledge and you don’t know how to code, this article is for you. In today’s digital age, having an online presence is crucial for individuals and businesses alike. However, the idea of creating a website can be daunting, especially if you have no coding experience.

The good news is that you don’t need to be a tech wizard to build a website. In this article, we will guide you through the process of how to create a website without coding knowledge. Whether you want a personal blog or a business website, we’ve got you covered.

Table of Contents – Create a Website Without Coding

**
Here is the list of 13 practical steps to Create a Website Without Coding Knowledge:

Understanding the Basics
Choosing the Right Website Builder.
Setting Up Your Account
Designing Your Website
Adding Content
Optimizing for SEO
Launching Your Website
Maintaining and Updating
Troubleshooting Common Issues
Promoting Your Website
Measuring Success
Protecting Your Website
Expanding Your Website

You Read the complete Article here:

How to Create a Website Without Coding Knowledge

We will guide you how to create a website without coding knowledge. Whether you want a personal blog or a business website, we've got you covered...

hmablogs.com