Cara Memberikan CSS dengan :password Selector

Ingatlah, ketika kita memutuskan BERHENTI untuk mencoba, saat itu juga kamu memutuskan untuk GAGAL. Oke pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Memberikan CSS dengan :password Selector.

Yang dimaksud dengan :password selector adalah menyeleksi semua type input password. Sesuai judul disini saya akan memberitahukan Cara Memberikan CSS dengan :password Selector. Berikut caranya,

Oke jangan lupa juga, :password selector ini mempunyai struktur sebagai berikut:

$(":password")

Baik, pertama-tama silahkan teman-teman siapkan terlebih dahulu file index.html nya,

Kemudian, isi di tag <head> library jquery nya,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

Setelah itu, isi di bagian <body> tag-tag di bawah ini,

<body>

<form action="">
  Name: <input type="text" name="user"><br>
  Password: <input type="password" name="password"><br>
  <input type="reset" value="Reset">
  <input type="submit" value="Submit"><br>
</form>

</body>

Dan yang terakhir, isi di bagian tag <head> kembali untuk script :password selector nya,

<script>
$(document).ready(function(){
    $(":password").css("background-color", "red");
});
</script>

Bagaimana teman-teman? cukup mudah bukan?

Sekian untuk tutorial kali ini tentang bagaimana Cara Memberikan CSS dengan :password Selector.

Semoga bermanfaat, terima kasih

Cara Memberikan CSS dengan :password Selector

Kategori