Adalah hal yang menyenangkan ketika memiliki seseorang yang mampu buatmu tertawa bahkan ketika kamu sedang tak ingin tersenyum. Pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Memberikan CSS dengan :file Selector.
Tidak ketinggalan lagi untuk memberitahukan cara memberikan CSS dengan inputan type yang satu ini, ya benar. Yaitu input type file. Seperti selector-selector lain nya. :file selector ini menyeleksi semua type inputan dengan menggunakan satu fungsi. Oke langsung saja, berikut Cara Memberikan CSS dengan :file Selector.
:file selector mempunyai struktur sebagai berikut:
$(":file")
Oke pertama-tama, seperti biasa terlebih dahulu silahkan teman-teman siapkan file index.html nya.
Kemudian, 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> File: <input type="file" name="myfile"> </form> </body>
Dan yang terakhir, silahkan teman-teman isi di bagian <head> script :file selector nya,
<script>
$(document).ready(function(){
$(":file").css("background-color", "red");
});
</script>
Bagaimana teman-teman? cukup mudah bukan?
Sekian untuk tutorial kali ini tentang bagaimana Cara Memberikan CSS dengan :file Selector.
Semoga bermanfaat, terima kasih