
pada kesempatan kali ini saya akan berbagi tutorial yaitu bagaimana cara mengubah style css menggunakan bahasa pemrograman php
Pertama buatkan file dengan nama index.php
lalu isikan script berikut :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP TUTORIAL</title>
</head>
<body>
<form action="" method="post" autocomplete="off">
<label for="">Pilih Warna Background</label>
<input type="color" name="color"> <br><br>
<button type="submit">Simpan</button><br>
</form>
</body>
</html>
Penjelasan :
<input type="color" name="color"> <br><br>
Disini saya akan membuat warna latar belakang menjadi dinamis sesuai dengan inputan user
pada input diatas saya menggunakan type color yaitu untuk memberikan warna
Lalu tambahkan script php pada paling atas codingan
berikut codenya
<?php
if (isset($_POST['color'])) {
$color = $_POST['color'];
}else {
$color = "#ffffff";
}
?>
pada script di atas ketika isset atau form sedang di eksekusi maka ubah nilai color menjadi value sesuai yang di inputkan
namun apabila tidak di eksekusi formnya maka defaultnya berisi #ffffff yang artinya sebuah hex warna putih
Kemudian tambahkan code style css di tag head
<style>
body {
background-color: <?= $color; ?>;
}
</style>
Script lengkapnya sebagai berikut :
<?php
if (isset($_POST['color'])) {
$color = $_POST['color'];
}else {
$color = "#ffffff";
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP TUTORIAL</title>
<style>
body {
background-color: <?= $color; ?>;
}
</style>
</head>
<body>
<form action="" method="post" autocomplete="off">
<label for="">Pilih Warna Background</label>
<input type="color" name="color"> <br><br>
<button type="submit">Simpan</button><br>
</form>
</body>
</html>
Sekian penjelasan bagaimana mengubah style css menggunakan bahasa pemograman php