Kebutuhan form dalam sebuah web terkadang tidak hanya sebatasa inputan data data saja. Beberapa website terlihat ada inputan berupa “file upload”. Bagaimana cara membuat tombol dan fungsi file upload pada sebuah website? Berikut catatannya.
Format umum dalam pembentukan menu file upload dalam secara html adalah,
Contoh penulisannya misalkan anda ingin mengupload tipe video. Maka digunakan penulisan, <input type="file" name="file_gambar" accept="video/*">.
Sementara untuk atribut id dan class akan berfungsi sebagai rujukan dalam hubungannya dengan pemograman atau bahasa lain. Seperti CSS , php atau javascript. Berikut sebuah contoh yang bisa anda jalankan.
Format umum dalam pembentukan menu file upload dalam secara html adalah,
<input type="file">Selanjutnya dimungkinkan akan terhubung dengan halaman PHP dan pemrosesan data lainnya. Selanjutnya akan ditambahkan beberapa atribut untuk upload file ini.
Atribut name pada input File Upload pada HTML
Fungsi name pada atribut ini sebagai variable dalam server nantinya. Bentuk penulisannnya seperi berikut ini. <form> <input type=”file” name=”fileku”></form>.Atribut Accept pada input File Upload HTML
Fungsi dari Accept ini adalah untuk membatasi tipe atau jenis data yang akan di upload. Nilai tersebut berupa audio*/ untuk suara, video*/ untuk video, image*/ untuk gambar. Lebih lengkap apa saja tipe atau jenis data ini bisa dilihat di alamat en.wikipedia.org/wiki/Internet_media_typeContoh penulisannya misalkan anda ingin mengupload tipe video. Maka digunakan penulisan, <input type="file" name="file_gambar" accept="video/*">.
Atribut disabled, id dan class
Penggunaan atribut ini hampir sama dengan dalam input-an lain. Disabled digunakan untuk menonaktifkan file upload. Ini di-nonaktifkan dan dipadukan dengan javascript. Contoh penggunaanya, misalkan pengguna harus mengisi nama lengkap dahulu baru bisa aktif file upload. Untuk hal tersebut digunakan atribut disabled.Sementara untuk atribut id dan class akan berfungsi sebagai rujukan dalam hubungannya dengan pemograman atau bahasa lain. Seperti CSS , php atau javascript. Berikut sebuah contoh yang bisa anda jalankan.
<!DOCTYPE html>
<html>
<head>
<title>nandaja</title>
</head>
<body>
<h4>Membuat Tombol File Upload</h4>
<form name="form_upload" >
Contoh Upload type="file" dasar :
<input type="file">
<br />
Input type="file" tipe data video :
<input type="file" accept="video/*"/>
<br />
Input type="file" disabled :
<input type="file" accept="video/*" disabled="disabled">
</form>
</body>
</html>
Untuk arah dan fungsi yang akan menghubungkan file yang diupload akan dijelaskan pada catatan khusus belajar php. Untuk catatan HTML ini hanya akan dibatasi pada 'menampilkan'saja, untuk fungsi akan dilanjutkan pada php dan javascript.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment