Login

***Terzier*** · (This post was last modified: 04-10-2025, 03:48 PM by Terzier.)

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> 

***Terzier*** · 04-10-2025, 02:57 PM

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> 

Login
Username/Email:
Password:	Lost Password?
	Remember me

Tags
generate ai