title: How to link the html button to php?
body: <p>how do I connect the button (which is in HTML page) to connect to php url, once the ON/OFF button is clicked. the code basically have to call the php once the button is clicked and when the php is called it need register the ON/OFF to my database along with starting time. can please anyone help me out with this code because i'm new and really stuck. this thing needs to work without javascript or  jquery stuff.</p>
  
  <p><a href="http://i.stack.imgur.com/8JAYn.jpg" rel="nofollow">http://i.stack.imgur.com/8JAYn.jpg</a></p>
  
  <pre><code>    &lt;!doctype html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;style&gt;
      h1 {
          padding-top: 50px;
          text-align: center;
          color: white;
          margin-right:60px;
      }
      &lt;/style&gt;
          &lt;title&gt; Washing Machine Control System&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="BK.css"/&gt;
          &lt;link rel="stylesheet" type="text/css" href="MachineButtons.css"/&gt;
          &lt;script src="http://code.jquery.com-1.11.3.min.js"&gt;&lt;/script&gt;
  
      &lt;/head&gt;
  
      &lt;body bgcolor = "Black"&gt; 
  
  
      &lt;h1&gt;Machine Controller&lt;/h1&gt;
  
          &lt;br&gt;&lt;/br&gt;
          &lt;br&gt;&lt;/br&gt;
  
  
      &lt;div id="icons"&gt;&lt;img src="D:\Year 4 (Sem1&amp;2)\Mobile Technologies\Coursework\Website\WM1.jpg"  alt="Machine One" style="width:150px;height:228px;"/&gt;&lt;/a&gt;&lt;/div&gt;
  
              &lt;label class="switch"&gt;
                  &lt;input class="switch-input" type="checkbox" /&gt;
                  &lt;span class="switch-label" data-on="M1 On" data-off="M1 Off"&gt;&lt;/span&gt; &lt;span class="switch-handle"&gt;&lt;/span&gt; 
              &lt;/label&gt;
  
      &lt;div id="icons2"&gt;&lt;img src="D:\Year 4 (Sem1&amp;2)\Mobile Technologies\Coursework\Website\WM2.jpg" alt="Machine Two" style="width:150px;height:228px;"/&gt;&lt;/a&gt;&lt;/div&gt;
  
              &lt;label class="switch"&gt;
                  &lt;input class="switch-input" type="checkbox" /&gt;
                  &lt;span class="switch-label" data-on="M2 On" data-off="M2 Off"&gt;&lt;/span&gt; &lt;span class="switch-handle"&gt;&lt;/span&gt; 
              &lt;/label&gt;
  
      &lt;div id="icons4"&gt;&lt;img src="D:\Year 4 (Sem1&amp;2)\Mobile Technologies\Coursework\Website\WM3.jpg"  alt="Machine Three" style="width:150px;height:228px;"/&gt;&lt;/a&gt;&lt;/div&gt;
              &lt;label class="switch"&gt;
                  &lt;input class="switch-input" type="checkbox" /&gt;
                  &lt;span class="switch-label" data-on="M3 On" data-off="M3 Off"&gt;&lt;/span&gt; &lt;span class="switch-handle"&gt;&lt;/span&gt; 
              &lt;/label&gt;
  
      &lt;div id="icons3"&gt;&lt;img src="D:\Year 4 (Sem1&amp;2)\Mobile Technologies\Coursework\Website\WM4.jpg" alt="Machine Four" style="width:150px;height:228px;"/&gt;&lt;/a&gt;&lt;/div&gt;
  
              &lt;label class="switch"&gt;
                  &lt;input class="switch-input" type="checkbox" /&gt;
                  &lt;span class="switch-label" data-on="M4 On" data-off="M4 Off"&gt;&lt;/span&gt; &lt;span class="switch-handle"&gt;&lt;/span&gt; 
              &lt;/label&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>