Cara Memberikan CSS dengan :file Selector
Yakni hal yang menyenangkan ketika mempunyai seseorang yang mampu buatmu tertawa bahkan ketika kamu sedang tak ingin tersenyum. Di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Memberikan CSS dengan :file Selector.
Tak ketinggalan lagi bagi 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 segala type inputan dengan menggunakan satu guna. Oke seketika saja, berikut Cara Memberikan CSS dengan :file Selector.
:file selector mempunyai struktur selaku berikut:
$(:file)
Oke pertama-tama, seperti lazim 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? lumayan gampang bukan?
Demikianlah bagi panduan kali ini mengenai bagaimana Cara Memberikan CSS dengan :file Selector.
Semoga bermanfaat, terima kasih
Sumber https://kursuswebsite.org
