HTML "input type='file'" adalah atribut yang digunakan dalam pembuatan form HTML untuk menambahkan komponen pilih file.
Atribut ini memungkinkan pengguna untuk memilih file dari komputer mereka dan meng-uploadnya ke server.
Cara Penggunaan HTML input type=”file” Attribute
Untuk menambahkan komponen pilih file ke form HTML, gunakan tag input dengan tipe "file" seperti ini:
<form>
<input type="file">
</form>
Selain itu, atribut ini juga dapat digunakan bersama dengan atribut lain seperti "name" dan "accept" untuk memberikan nama dan spesifikasi jenis file yang diperbolehkan untuk diupload.
Atribut "name" digunakan untuk memberikan nama unik pada komponen pilih file sehingga dapat diidentifikasi oleh server saat file diupload. Contohnya:
<form>
<input type="file" name="uploaded_file">
</form>
Sedangkan atribut "accept" digunakan untuk menentukan jenis file yang diperbolehkan untuk diupload. Contohnya:
<form>
<input type="file" accept=".jpg, .jpeg, .png">
</form>
Kode di atas hanya akan mengizinkan file dengan ekstensi .jpg, .jpeg, atau .png untuk diupload.
Contoh lengkap HTML input type=”file” Attribute
Berikut ini adalah contoh kode HTML lengkap yang menggunakan atribut "input type='file'" untuk menambahkan komponen pilih file ke form:
<!DOCTYPE html>
<html>
<head>
<title>Upload File</title>
</head>
<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
<label for="file">Pilih file yang ingin diupload:</label>
<input type="file" name="file" id="file" accept=".jpg, .jpeg, .png">
<br><br>
<input type="submit" value="Upload">
</form>
</body>
</html>
Pada kode di atas, form mengarahkan ke halaman "upload.php" dengan metode "post" dan enctype "multipart/form-data" yang diperlukan saat mengupload file.
Kemudian, komponen pilih file ditambahkan dengan menggunakan tag input dengan tipe "file".
Atribut "name" diberikan nilai "file" dan atribut "accept" diberikan nilai ".jpg, .jpeg, .png" sebagai spesifikasi jenis file yang diperbolehkan untuk diupload.
Tombol submit ditambahkan untuk mengirim file yang dipilih ke server.
Baca juga : Cara Membuat HTML frame tag
Perlu diingat bahwa untuk menerima file yang diupload, Anda perlu membuat skrip PHP atau server-side lainnya untuk menangani proses upload.
