[英]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.