Как связать кнопку html с php?

Как подключить кнопку (которая находится на странице HTML) для подключения к php url, после нажатия кнопки ON/OFF. код в основном должен вызывать php после нажатия кнопки, и когда php называется, ему необходимо зарегистрировать ON/OFF в моей базе данных вместе со стартовым временем. может понравиться, кто-нибудь поможет мне с этим кодом, потому что я новый и действительно застрял. эта вещь должна работать без javascript или jquery.Как связать кнопку html с php?

http://i.stack.imgur.com/8JAYn.jpg

<!doctype html> 
    <html> 
    <head> 
    <meta charset="utf-8"> 
    <style> 
    h1 { 
     padding-top: 50px; 
     text-align: center; 
     color: white; 
     margin-right:60px; 
    } 
    </style> 
     <title> Washing Machine Control System</title> 
     <link rel="stylesheet" type="text/css" href="BK.css"/> 
     <link rel="stylesheet" type="text/css" href="MachineButtons.css"/> 
     <script src="http://code.jquery.com-1.11.3.min.js"></script> 

    </head> 

    <body bgcolor = "Black"> 


    <h1>Machine Controller</h1> 

     <br></br> 
     <br></br> 


    <div id="icons"><img src="D:\Year 4 (Sem1&2)\Mobile Technologies\Coursework\Website\WM1.jpg" alt="Machine One" style="width:150px;height:228px;"/></a></div> 

      <label class="switch"> 
       <input class="switch-input" type="checkbox" /> 
       <span class="switch-label" data-on="M1 On" data-off="M1 Off"></span> <span class="switch-handle"></span> 
      </label> 

    <div id="icons2"><img src="D:\Year 4 (Sem1&2)\Mobile Technologies\Coursework\Website\WM2.jpg" alt="Machine Two" style="width:150px;height:228px;"/></a></div> 

      <label class="switch"> 
       <input class="switch-input" type="checkbox" /> 
       <span class="switch-label" data-on="M2 On" data-off="M2 Off"></span> <span class="switch-handle"></span> 
      </label> 

    <div id="icons4"><img src="D:\Year 4 (Sem1&2)\Mobile Technologies\Coursework\Website\WM3.jpg" alt="Machine Three" style="width:150px;height:228px;"/></a></div> 
      <label class="switch"> 
       <input class="switch-input" type="checkbox" /> 
       <span class="switch-label" data-on="M3 On" data-off="M3 Off"></span> <span class="switch-handle"></span> 
      </label> 

    <div id="icons3"><img src="D:\Year 4 (Sem1&2)\Mobile Technologies\Coursework\Website\WM4.jpg" alt="Machine Four" style="width:150px;height:228px;"/></a></div> 

      <label class="switch"> 
       <input class="switch-input" type="checkbox" /> 
       <span class="switch-label" data-on="M4 On" data-off="M4 Off"></span> <span class="switch-handle"></span> 
      </label> 

    </body> 
    </html>

источник

2015-10-27 Sunny Razario

Я думаю, что вы будете иметь, чтобы решить эту проблему поэтапно.

Если вы пытаетесь получить значения полей HTML для подключения к базе данных через PHP, сначала вам нужно взглянуть на свой HTML-заголовок, поскольку он недостаточно подготовлен для достижения этого. Элементы ввода должны находиться в элементах формы, чтобы инициировать PHP-запись или обратный вызов из базы данных. Например;

<form method="GET/POST" action="theNameOfYourPHPFile.php"> 
    <input class="switch-input" type="checkbox" name="washingMachine1" /> 
<input class="switch-input" type="checkbox" name="washingMachine2" />

и т.д ...

После того, как вы получили все это на месте, вы затем сможете получить доступ к значениям на входах, используя свои функции PHP в файле PHP вы находитесь указывая форму на. Доступ к их значениям включения/выключения с помощью этого

<?php $washingMachine1 = $_REQUEST['washingMachine1']; 
etc... 

?>

Но вам понадобится больше практики кодирования PHP, чтобы сделать это дальше. Стоит потратить некоторое время, чтобы узнать больше о формах и их взаимодействии с PHP через методы GET и POST. Удачи.

источник

2015-10-27 10:55:08 paulinthesky

есть два способа вызвать php-файл с помощью кнопки submit, а другой - отправить форму с помощью ajax.

<form action='url of php file' method="post or get" ..... .... </form>

на кнопку Отправить форму щелчка занесена определить действием.

другой способ

использование простой кнопки и нажатием кнопки с помощью Ajax вызова PHP файл без перенаправления

источник

2015-10-27 10:59:15

Используйте перед полями ввода или значения, которые вы хотите отправить и добавить страницу PHP в которой вы хотите отправить значения полей ввода в действие формы, и на этой странице php введите запрос вставки в соответствии с вашими потребностями. например:

источник

2015-10-27 12:11:25 user2982042

Я хотел бы использовать AJAX и JQuery.

Handle проверенных событий флажка, и когда щелкнул изменение значения с AJAX вызова:

$('.switch-input').click(function() { 
    var $this = $(this); 
    // $this will contain a reference to the checkbox 
    if ($this.is(':checked')) { 
     // the checkbox is checked -> update db value 
     var data = { 'id' : 1 }; //this is static, instead of 1 use JQuery to get the actual id of the record you want to update. 
     $.ajax({ 
      url: 'update_val.php', 
      type: 'POST', 
      data: data, 
      success: function(result){ 
       alert('success!'); 
      } 
     }); 
    } else { 
    // the checkbox is not checked 
    } 
});

Для получения дополнительной информации я рекомендую вам взглянуть на следующие ссылки:

Надеется, что это помогло вам :)

ПРИМЕЧАНИЯ: Чтобы использовать этот метод, вы, очевидно, должны сохранять свои объекты Ид, так что вы можете получить их при вызове функции AJAX и передавать их с помощью POST или GET в PHP страница.

источник

2015-10-27 12:48:03

Как связать кнопку html с php?

ответ

Смежные вопросы