Cara Memberikan CSS dengan :reset Selector

Jangan banyak berharap pada dia yg tak menghargaimu. Bahagialah dengan yang kamu miliki, dan jangan bersedih dengan yang tidak kamu miliki. Perasaan senang jika ada orang yang kita sukai ada di dekat kita itu membuat saya semangat untuk membuat tutorial tentang Cara Memberikan CSS dengan :reset Selector.

Jika ada tombol submit maka tidak sempurna jika tidak ada tombol reset nya teman-teman hehe. Dan pada tutorial sebelumnya saya membuat cara menyeleksi input type submit dengan memakai :submit selector jquery. Maka sekarang saya akan memberitahukan kepada teman-teman tentang Cara Memberikan CSS dengan :reset Selector.

:reset selector mempunyai struktur sebagai berikut:

$(":reset")

Oke langsung saja, untuk contoh nya.

Pertama-tama, silahkan teman-teman buat terlebih dahulu file index.html nya.

Kemudian, silahkan teman-teman isi di bagian <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 <head> script :reset selector nya,

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

Bagaimana teman-teman? cukup mudah bukan?

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

Semoga bermanfaat, terima kasih

Cara Memberikan CSS dengan :reset Selector

Kategori