Dalam Form action PHP, baik aksi ke alamat email maupun memasukan data ke database, ada tiga dalam variable input yang harus dipahami. Ketiga variable tersebut, "type", "name" dan "value". Sedangkan placeholder hanyalah bagian dari desain tampilan.
Pada kesempatan kali ini, hanya untuk membuat form email pada list checkbox. Pada pembuatan checkbox, biasanya ada dua macam, pertama "selected checkbox", yaitu memilih salah satu. Dan satu lagi, "checListBox", memilih lebih dari satu.
1. Membuat Selected CheckBox
Pada "selected checkbox", contohnya dalam sebuah isian adalah jenis kelamin, laki - laki dan perempuan. Contohnya seperti di bawah ini;
<form action="#" method="post"> <input type="checkbox" name="gender" value="Male">Male</input> <input type="checkbox" name="gender" value="Female">Female</input> <input type="submit" name="submit" value="Submit"/> </form>
Kemudian buat php aksi untuk mengirim form tersebut pada akun email. Di bawah ini, contoh pada bagian nilai aksi php. Tidak lengkap secara menyeluruh, hanya pada variabel checkBox.
<?php
if(isset($_POST['submit'])){
if (isset($_POST['gender'])){
echo $_POST['gender'];
}
}
?>
2. Membuat Multi Checklist
Untuk membuat form email checklist lebih dari satu dapat menggubakan variabel name fieldset dan atau dapat menggunakan variabel checkListBox, kemudian nama pada label atau keterangan box dimasukan pada variabel value.
<html>
<head>
<title>PHP - Membuat Multi Checklist</title>
<style>
div.container{
width: 95%;
height: 610px;
margin:20px auto;
font-family: serif;
}
div.main{
width: 33,3%;
margin-top: 35px;
float:left;
border-radius: 5px;
Border:2px solid #777700;
padding:0px 50px 20px;
}
p{
margin-top: 5px;
margin-bottom: 5px;
color:#32cd32;
font-weight: bold;
}
h2{
background-color: #FFFFEE;
padding: 25px;
margin: 0 -50px;
text-align: center;
border-radius: 8px 8px 0 0;
}
hr{
margin: 0 -50px;
border: 0;
border-bottom: 1px solid red;
margin-bottom:25px;
}
span{
font-size:13.5px;
}
label{
color: #666666;
text-shadow: 0 1px 0 #ffffff;
font-size: 14px;
font-weight: bold;
}
.heading{
font-size: 17px;
}
b{
color:red;
}
input[type=checkbox]{
margin-bottom:10px;
margin-right: 10px;
}
input[type=submit]{
padding: 10px;
text-align: center;
font-size: 18px;
background: linear-gradient(#ffbc00 5%, #ffde8e 100%);
border: 2px solid #e5a900;
color: #ffffff;
font-weight: bold;
cursor: pointer;
text-shadow: 0px 1px 0px #13506D;
width: 100%;
border-radius: 5px;
margin-bottom: 15px;
}
input[type=submit]:hover{
background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);
}
</style>
</head>
<body>
<div class="container">
<div class="main">
<h2>PHP - Membuat Multi Checklist</h2>
<form action="#" method="post">
<label class="heading">Pilih Keahlian Anda:</label>
<input type="checkbox" name="check_list[]" value="Desain Grafis"><label>Desain Grafis</label>
<input type="checkbox" name="check_list[]" value="Android Developer"><label>Android Developer</label>
<input type="checkbox" name="check_list[]" value="iOS Developer"><label>iOS Developer</label>
<input type="checkbox" name="check_l4rist[]" value="Web Developer"><label>Web Developert</label>
<input type="checkbox" name="check_list[]" value="Python Dev"><label>Python Dev</label>
<input type="submit" name="submit" Value="Submit"/>
</form>
</div>
</div>
</body>
</html>
PHP - Membuat Multi Checklist PHP - Membuat Multi Checklist
Langkah selanjutnya membuat aksi php, agar form checkListBox berfungsi, contoh variabelnya di bawah ini:
<?php
if(isset($_POST['submit'])){
if(!empty($_POST['check_list'])){
$checked_count = count($_POST['check_list']);
echo "Anda harus Memilih ".$checked_count." option(s): <br/>";
foreach($_POST['check_list'] as $selected) {
echo "<p>".$selected ."</p>";
}
echo "<br/><b>Catatan:</b> <span>Demikian pula, Anda Juga Dapat Memilih Lebih Dari Satu Jika Keahlian Anda Lebih Dari Satu</span>";
}
else{
echo "<b>Silakan Pilih Salah Satu </b>";
}
}
?>
Demikian tips php cara membuat form mail checkBox.
Semoga bermanfaat
No comments:
Post a Comment