Selektor file
Selektor :file memilih elemen dengan
tipe file, yang merupakan bidang unggah file.
Ekuivalen dari $(':file') adalah
$('[type=file]').
Karena :file tidak termasuk dalam spesifikasi CSS,
maka untuk meningkatkan kinerja di browser
modern lebih baik gunakan
[type='file'].
Sintaks
Berikut cara kita memilih elemen dengan tipe file:
$(':file');
Seperti halnya dengan pseudo-class selector lainnya
(dimulai dengan ':'), sebelum ':' lebih baik
menambahkan nama tag atau selector lain,
jika tidak, selector '*' akan diterapkan,
yaitu $(':file') akan dianggap sebagai
$('*:file'), oleh karena itu lebih baik
gunakan $('input:file').
Contoh
Mari kita pilih semua input dengan tipe file dan
beri mereka latar hijau dan border merah dengan metode
css:
<form>
<input type="button" value="button">
<input type="file">
<input type="password">
<button>button</button>
<input type="reset">
<input type="radio" name="test">
<input type="radio" name="test">
<input type="checkbox">
<input type="text">
</form>
<+javascript+>
$('form input:file').css({background: 'green', border: '2px red solid'});
$('form').submit(function(event) {
event.preventDefault(); // mencegah pengiriman form
});
<-javascript->
