direct content of php file is getting displayed on web browser through an html form using wamp server

Question

I am using wamp server and trying to create simple sign up page with html forms and php script; but the problem is whenever I am hitting on submit button on html page, it is directly showing the entire content of php file in next browser instead of executing the php file.

the following is my form code(index.php)

  <form id="login" action="register.php" method="post">
            <p>
                <label for="first name" >First Name</label>
                <input type="text" name="fname" value=""  />
            </p>
            <p>
                <label for="last name" >Last Name</label>
                <input type="text" name="lname" value="" class="radius2" />
            </p>

            <p>
                <label for="gender" >Gender</label>
                <input type="text" name="gender" />
            </p>
            <p>
                <label for="username" >Email</label>
                <input type="text" name="username" />
            </p>
            <p>
                <label for="password" >Password</label>
                <input type="password" name="password" />
            </p>
            <p>
                <input type="submit" name="submit">Login</input>
            </p>
      </form>

the following is my php code

      $bd = mysqli_connect("localhost", "root","yash1991","shaunak") or die("Could not connect       database");
     echo" hello1";
    mysqli_query($bd,"INSERT INTO users (fname, lname, gender, email_id, username, password)                  VALUES ("$fname", "$lname", "$gender", "$username", "$password")");
     mysqli_close($bd);
    ?>

Answer 1

1. I suppose that you running WAMP server, and stored your files (index.php & register.php) in folder inside "C:\wamp\www\" and you access your index page using url "127.0.0.1/stack/index.php"

2. Check your index.php file with the following code:

   <form id="login" action="register.php" method="post">
           <p>
               <label for="First Name">First Name</label>
               <input type="text" name="fname" value="" />                       
           </p>
           <p>
               <label for="last Name">Last Name</label>
               <input type="text" name="lname" value="" class="radius2" />
           </p>        
           <p>
               <label for="gender">Gender</label>
               <input type="text" name="gender" />                       
           </p>        
           <p>
               <label for="username">Email</label>
               <input type="text" name="username" />                       
           </p>        
           <p>
               <label for="password">Password</label>
               <input type="password" name="password" />                       
           </p>                
           <p>
            <input type="submit" name="submit" value="Login" />
           </p>
       </form>
   

3. Check your register.php file with the following code:

   <?php
   session_start();
   $fname=$_POST['fname'];
   $lname=$_POST['lname'];
   $gender=$_POST['gender'];
   $username=$_POST['username'];
   $password=$_POST['password'];
   
   echo "hello ";
   
   $bd= mysqli_connect("localhost","root","yash1991","shaunak") or die ("Could not connect DB");
   
   $try = mysqli_query($bd, "INSERT INTO users (`fname`, `lname`, `gender`, `email_id`, `password`) VALUES ('$fname', '$lname', '$gender', '$username', '$password')");
   
   if($try === false)
       {
           echo '<br />error - ';
           echo mysqli_error($bd); 
       } else {
           echo '<br />all good';      
        }
   mysqli_close($bd);
   
   ?>