Friday, September 26, 2014

Radio Button

Pada tulisan kali ini saya akan membuat radio button dengan HTML dan PHP.

Kode untuk HTML nya adalah sebagai berikut:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML>
<html>
    <head>
        <title>RADIO BUTTON</title>
    </head>
    <body>
        <form name="form_radio" action="radio_button.php" method="POST">
            <br/><br/>
            <center>
                <label>Gender : </label>
                <input name="gender" type="radio" required="" value="Male" <?php if($gender == "Male"){echo 'checked';} ?> />Male
                <input name="gender" type="radio" required="" value="Female" <?php if($gender == "Female"){echo 'checked';} ?> />Female<br/><br/>
                <input type="submit" value="SUBMIT"/><br/><br/>
            </center>
        </form>
    </body>
</html>

Kode untuk PHPnya adalah sebagai berikut:

1
2
3
<?php
    @$gender = $_POST['gender'];
?>


Keseluruhan kodenya adalah sebagai berikut:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
    @$gender = $_POST['gender'];
?>

<!DOCTYPE HTML>
<html>
    <head>
        <title>RADIO BUTTON</title>
    </head>
    <body>
        <form name="form_radio" action="radio_button.php" method="POST">
            <br/><br/>
            <center>
                <label>Gender : </label>
                <input name="gender" type="radio" required="" value="Male" <?php if($gender == "Male"){echo 'checked';} ?> />Male
                <input name="gender" type="radio" required="" value="Female" <?php if($gender == "Female"){echo 'checked';} ?> />Female<br/><br/>
                <input type="submit" value="SUBMIT"/><br/><br/>
            </center>
        </form>
    </body>
</html>


Tampilan hasilnya adalah sebagai berikut:

No comments:

Post a Comment