简体   繁体   English

我的HTML按钮无法打开PHP链接

[英]My HTML button won't open PHP link

I'm trying to invoke a PHP script from my HTML file. 我正在尝试从HTML文件中调用PHP脚本。

Following is my HTML code: 以下是我的HTML代码:

<!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) 以下是我要调用的ledOn.php文件(这是未调用的PHP脚本之一)

<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. 我不明白。其他按钮也不打开各自的PHP文件。 Where am I going wrong? 我要去哪里错了?

it's an input type="button" which won't submit the form. 这是输入type="button" ,它不会提交表单。 these should be type="submit" 这些应该是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>

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 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>

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>

You can do this in two ways 您可以通过两种方式执行此操作

1) Need to change the button into input type submit like you did for last form:- 1)需要像上次表单一样将按钮更改为输入类型提交:

<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:- 2)为此,您需要使用jQuery,您需要在表单中添加id并单击按钮上的事件,例如:

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM