【发布时间】:2018-01-11 12:42:10
【问题描述】:
我想将函数类型提交放在具有 CSS 样式的按钮中,当单击该按钮时 PHP 代码运行。
这是我的代码:
</head>
<body>
<div class="container-contact100">
<div class="wrap-contact150">
<form class="contact150-form validate-form">
<div class="row">
<div>
<h1><br>HOME AUTOMATION</br></h1>
</div>
</div>
<div class="row">
<div>
<h3><br>LAMPU</br></h3>
</div>
</div>
<div class="row">
<div>
<td><p style=\"font-family:arial;color:red;font-size:35px;\">OFF</p> </td>
</div>
</div>
<div class="row">
<div>
<br><button class="contact100-form-btn">
On
</button></br>
</div>
<div class="col-sm-5">
<br><button class="contact100-form-btn">
Off
</button></br>
</div>
</div>
</form>
<?php
include 'connect.php';
function OnOne()
{
$sql = "UPDATE relay SET data_relay = '1' WHERE id = '1';
$result = mysqli_query($conn, $sql);
}
function OffOne()
{
$sql = "UPDATE relay SET data_relay = '0' WHERE id = '1';
$result = mysqli_query($conn, $sql);
}
if(isset($_POST['on_1']))
{
OnOne();
}
if(isset($_POST['off_1']))
{
OffOne();
}
?>
</div>
</div>
</body>
</html>
应用此代码后,我的 Web 界面变得凌乱。我该如何解决这个问题? 我希望我的 CSS 按钮运行 PHP 代码以将值发送到数据库。
【问题讨论】:
-
您的 HTML 按钮无法运行 php(客户端与服务器端代码)。但是您可以将带有数据的表单提交到 php 页面并从那里开始。或者作为替代方案,将带有 js 的事件处理程序绑定到按钮并将 ajax-request 发送到 php-script。
-
您的表单没有动作,您的
sql字符串的连接已关闭,并且按钮的名称与您期望的$_POST不对应。 -
@empiric 好的,我将分离我的 PHP 代码
-
@NappingRabbit 好的,谢谢
标签: javascript php jquery html css