+- Indonesian Local Community (https://www.indolokal.com/r1)
+-- Forum: IndoLokal ku (https://www.indolokal.com/r1/Forum-IndoLokal-ku)
+--- Forum: Indo Devs (https://www.indolokal.com/r1/Forum-Indo-Devs)
+--- Thread: [Generate AI] Generate AI (/Thread-Generate-AI-Generate-AI)
Generate AI - Terzier - 04-10-2025
berikut ini adalah contoh Kode dari AI Gemini dengan kondisi Jika Tidak Tercentang, maka akan menampilkan :
Quote:Tidak Ada Layanan, Silahkan Pilih Media Lain atau Putar Media Lain
PHP Code:
<!DOCTYPE html>
<html>
<head>
<title>Aktif/Nonaktifkan Input Password dengan Pesan Default</title>
<style>
.container {
display: flex;
align-items: center;
}
#txt {
width: 400px; /* Atur lebar dalam piksel */
}
#chkLabel {
margin-left: 10px;
}
</style>
</head>
<body>
<div class="container">
<input type="textarea" id="txt" value="Tidak Ada Layanan, Silahkan Pilih Media Lain atau Putar Media Lain" disabled><br>
<input type="checkbox" id="chk">
<label for="chk" id="chkLabel">Aktifkan Untuk Mengisi</label>
</div>
<script>
const pwdInput = document.getElementById("txt");
const chkBox = document.getElementById("chk");
const defaultText = "Tidak Ada Layanan, Silahkan Pilih Media Lain atau Putar Media Lain";
chkBox.onchange = function(e) {
if (chkBox.checked) {
pwdInput.disabled = false;
pwdInput.value = "";
} else {
pwdInput.disabled = true;
pwdInput.value = defaultText;
}
};
</script>
</body>
</html>
RE: Generate AI - Terzier - 04-10-2025
Cara 1: Menggunakan Atribut size pada Input
PHP Code:
<!DOCTYPE html>
<html>
<head>
<title>Aktif/Nonaktifkan Input Password dengan Pesan Default</title>
<style>
.container {
display: flex;
align-items: center;
}
#chkLabel {
margin-left: 10px;
}
</style>
</head>
<body>
<div class="container">
<input type="password" id="pwd" size="50" value="Tidak Ada Layanan, Silahkan Pilih Media Lain atau Putar Media Lain" disabled><br>
<input type="checkbox" id="chk">
<label for="chk" id="chkLabel">Aktifkan Untuk Mengisi</label>
</div>
<script>
const pwdInput = document.getElementById("pwd");
const chkBox = document.getElementById("chk");
const defaultText = "Tidak Ada Layanan, Silahkan Pilih Media Lain atau Putar Media Lain";
chkBox.onchange = function(e) {
if (chkBox.checked) {
pwdInput.disabled = false;
pwdInput.value = "";
} else {
pwdInput.disabled = true;
pwdInput.value = defaultText;
}
};
</script>
</body>
</html>