how to use button as a link?

Question

Can anyone show me how to use html button as a link to connect to php? I'm not quite sure how to do it and can't find any useful code that can help me to achieve it. I'm pretty new so bit struggling with it.thanks

https://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>]

Possible duplicate of [How to create an HTML button that acts like a link?](http://stackoverflow.com/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link) — Script47, Oct 27 '15 at 15:09
possible duplicate of http://stackoverflow.com/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link — Joseph Farah, Oct 27 '15 at 15:35
@MarcB connect to php as in When I press the machine button one, it should push the information such as if the button is ON/OFF to my phpmyadmin database. — Sunny Razario, Oct 27 '15 at 16:46
you don't have a phpmyadmin database. phpmyadmin is a management interface. you have a **mysql** database. — Marc B, Oct 27 '15 at 16:46

Mikel Bitson · Answer 1 · 2015-10-27T17:40:25.093

1

While these answers will get you the button, they will not show you how to 'connect' it with PHP. In order to have a button fire PHP code, you must put it in a form and set the form's action to a PHP script. Then, when the form is submitted, it will POST data to the php script you specified. Like so:

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.";
}
?>

edited Oct 27 '15 at 17:40

answered Oct 27 '15 at 15:13

Mikel Bitson

3,583
1
18
23

@Script47 Edited, thanks! – Mikel Bitson Oct 27 '15 at 15:14
@MikelBitson Do i have to take out the label tag out for this? and I don't want any text box for this. i only need the button to push the button that is press to php, so php need to add to database if the button is ON/OFF. thanks – Sunny Razario Oct 27 '15 at 16:51
@SunnyRazario Hey there Sunny! I've adjusted my answer to include two submit buttons and the PHP to detect which was clicked. – Mikel Bitson Oct 27 '15 at 17:40

Brad Kent · Answer 2 · 2015-10-27T15:21:50.193

0

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

edited Oct 27 '15 at 15:21

answered Oct 27 '15 at 15:07

Brad Kent

4,982
3
22
26

This shows no interaction with PHP, as was requested in the initial question. – Mikel Bitson Oct 27 '15 at 15:10
edited to "interact with php" – Brad Kent Oct 27 '15 at 15:23
Switched my vote! Cheers! – Mikel Bitson Oct 27 '15 at 15:24

score 0 · Answer 3 · answered Oct 27 '15 at 15:11

0

This is one way:

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


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

answered Oct 27 '15 at 15:11

Justice

290
2
7

how to use button as a link?

3 Answers3