2015-10-27 2 views
0

Может ли кто-нибудь показать мне, как использовать кнопку html в качестве ссылки для подключения к php? Я не совсем уверен, как это сделать и не могу найти полезный код, который мог бы помочь мне в этом. Я довольно новый, так укусил борется с it.thanksКак использовать кнопку в качестве ссылки?

http://i.stack.imgur.com/yDHEN.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> 



<form method="GET/POST" action="theNameOfMyPHPFile.php"> 

<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> 
</form>  
</body> 
</html>] 
+1

не могли бы вы просто положить '' тег внутри ''

+0

Что значит «подключиться к php»? –

ответ

0

echo '<a href="someurl.php"><button>I\'m a button</button></a>';

+0

Это не показывает взаимодействия с PHP, как было предложено в начальном вопросе. –

+0

отредактировал "взаимодействовать с php" –

+0

Включил мой голос! Ура! –

0

Это один из способов:

<button onclick="go()">Button</button> 


<script> 
    function go() { 
    window.location.href = "/path/to/url"; 
    } 
</script> 
1

В то время как эти ответы получит вам кнопку, они не покажут вам, как «подключить» его к PHP. Чтобы иметь код запуска PHP, вы должны поместить его в форму и установить действие формы в PHP-скрипт. Затем, когда форма будет отправлена, данные POST будут переданы в указанный вами PHP-скрипт. Как так:

HTML:

<form action="myscript.php"> 
    <input type="submit" name="onButton" value="On" /> 
    <input type="submit" name="offButton" value="Off" /> 
</form> 

PHP:

<?php 
if (isset($_POST['onButton'])) { 
    echo "On button was pressed."; 
} else if (isset($_POST['offButton']){ 
    echo "Off button was pressed."; 
} 
?> 
+0

@ Script47 Отредактировано, спасибо! –

+0

Рад, что я мог помочь. – Script47

+0

@MikelBitson Мне нужно вынуть ярлык для этого? и я не хочу текстовое поле для этого. Мне нужно только кнопку, чтобы нажать кнопку, которая нажимает на php, поэтому php необходимо добавить в базу данных, если кнопка включена/выключена. спасибо –