【问题标题】:How to put php code into html button如何将php代码放入html按钮
【发布时间】: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


【解决方案1】:

将您的 php 代码放在单独的文件中,将按钮包装到表单中并添加 action="path-to-your-php-file"

【讨论】:

  • 这样吗?
  • 我不确定按钮本身是否具有动作属性,请检查规范
猜你喜欢
  • 1970-01-01
  • 2020-12-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-01-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多