My HTML button won't open PHP link

Question

I'm trying to invoke a PHP script from my HTML file.

Following is my HTML code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Welcome to B.O.A.T</title>
    <link rel="stylesheet" type="text/css" href="CSS/css.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body>
    <!-- Navigation Bar -->



    <div class="tab_content">
        <div id="home" class="tab_active">
                <div id="banner-container">
                    <div id="banner">
                        <p id="boat-banner"> Welcome to Bike Operation Automation Technology </p>
                    </div>
                </div>



                <div id="buttons">
                    <form method="post" action="lock.php">
                    <input type="button" name="Lock" class="button" value="LOCK" />
                    </form>

                    <form method="post" action="unlock.php">
                    <input type="button" name="Lock" class="button" value="UNLOCK" />
                    </form>

                    <form method="post" action="ledOn.php">
                    <input type="button" name="Lock" class="button" value="IGNITION ON" />
                    </form>

                    <form method="post" action="ledOff.php">
                    <input type="button" name="Lock" class="button" value="IGNITION OFF" />
                    </form>


                   <form method="post" action="GPSTracker.php">
                    <input type="submit" name="GPSTracker" class="button" value="GPS TRACKER"/>
                    </form>
                </div>
                </div>

         </div>

</body>
</html>

Following is my ledOn.php file that I want to invoke (It's one of those PHP scripts that are not being invoked)

<html>
<head>
<title>LEDON</title>
</head>
<body>
<?php
    define('HOST','mysql.hostinger.in');
    define('USER','u414932932_usr');
    define('PASS','xyz123');
    define('DB','u414932932_bdb');

    $con = mysqli_connect(HOST,USER,PASS,DB);

    //$ign = $_POST['ignition'];


    $sql = "UPDATE BOATOP SET ignition='1' WHERE user_name='boatusr'";
    if(mysqli_query($con,$sql))
    {
        echo 'SUCCESS'; ?>
        <H3> SUCESS </H3>
    <?php 
    }
    else
    {
        echo "FAILURE";
        ?>
        <H3> FAILURE </H3>
      <?php
    }
    mysqli_close($con);
?>

</body>
</html>

When I click the Ignition On button, nothing happens. I don't understand.. Neither do any of the other buttons open their respective PHP files. Where am I going wrong?

Jeff Puckett · Accepted Answer · 2016-06-09 02:18:56Z

2

it's an input type="button" which won't submit the form. these should be type="submit"

<div id="buttons">

    <form method="post" action="lock.php">
      <input type="submit" name="Lock" class="button" value="LOCK" />
    </form>

    <form method="post" action="unlock.php">
      <input type="submit" name="Lock" class="button" value="UNLOCK" />
    </form>

    <form method="post" action="ledOn.php">
      <input type="submit" name="Lock" class="button" value="IGNITION ON" />
    </form>

    <form method="post" action="ledOff.php">
      <input type="submit" name="Lock" class="button" value="IGNITION OFF" />
    </form>


    <form method="post" action="GPSTracker.php">
      <input type="submit" name="GPSTracker" class="button" value="GPS TRACKER"/>
    </form>

</div>

answered Jun 9, 2016 at 2:18

Jeff Puckett

41.5k19 gold badges125 silver badges177 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

SML · Accepted Answer · 2016-06-09 05:55:45Z

1

Edit: Someone has pointed out that, we can use input type submit or button type submit.

Functionality wise, they are the same but buttons created with button element offer richer rendering possibilities.

https://www.w3.org/TR/html4/interact/forms.html#h-17.5

<div id="buttons">
        <form method="post" action="lock.php">
            <button type="submit" class="button" value="lock"> LOCK </button>
        </form>
        <form method="post" action="unlock.php">
            <button type="submit" class="button" value="unlock"> UNLOCK </button>
        </form>
        <form method="post" action="ledOn.php">
            <button type="submit" class="button" value="on"> IGNITION ON </button>
        </form>
        <form method="post" action="ledOff.php">
            <button type="submit" class="button" value="off"> IGNITION OFF</button>
        </form>
        <form method="post" action="GPSTracker.php">
            <button type="submit" class="button" value="gps'> GPSTracker </button>
        </form>
    </div>

edited Jun 9, 2016 at 5:55

answered Jun 9, 2016 at 5:26

SML

1,2756 silver badges17 bronze badges

2 Comments

Jeff Puckett Over a year ago

What are these richer rendering possibilities? Your link only provides the basic html specification. CSS can be used to render input elements just as richly as buttons.

SML Over a year ago

@JeffPuckettII FROM W3: "Buttons created with the BUTTON element function just like buttons created with the INPUT element, but they offer richer rendering possibilities: the BUTTON element may have content. For example, a BUTTON element that contains an image functions like and may resemble an INPUT element whose type is set to "image", but the BUTTON element type allows content."

phreakv6 · Accepted Answer · 2016-06-09 05:33:26Z

0

It looks to me like you will be well-served using links instead of buttons for what you are trying to do since there is absolutely no data inside the forms that you are using.

<form method="post" action="ledOn.php">
    <button type="submit" class="button" value="on"> IGNITION ON </button>
</form>

can become

<a href="ledOn.php">
    IGNITION ON
</a>

answered Jun 9, 2016 at 5:33

phreakv6

2,1651 gold badge11 silver badges11 bronze badges

1 Comment

Jeff Puckett Over a year ago

This is a perfectly valid answer, so I'm not sure why you were downvoted. The simplest answer is usually the best. I had the same thought about simply using links, but I didn't mention anything because it seemed like a nice introduction to forms and how they can be used simply without data. I also noticed that op probably has intentions to develop data usage because of the commented stub //$ign = $_POST['ignition'];

Deepak Dholiyan · Accepted Answer · 2016-06-09 05:40:51Z

0

You can do this in two ways

1) Need to change the button into input type submit like you did for last form:-

<input type="submit" name="GPSTracker" class="button" value="GPS TRACKER"/>

2) You need to use jQuery for this you need to add id in the form and click event on button like:-

 <form method="post" action="lock.php" id="form_id">
  <input type="button" name="Lock" class="button" value="LOCK" onclick=" $('#form_id').submit();" />

answered Jun 9, 2016 at 5:40

Deepak Dholiyan

1,9321 gold badge23 silver badges36 bronze badges

Collectives™ on Stack Overflow

My HTML button won't open PHP link

4 Answers 4

Comments

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related