Tagging input Accept Attribute Pada Bahasa Pemrograman HTML

Tagging <input> Accept Attribute Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Pastinya sobat sudah tidak asing lagi dengan sebuah input ataupun file uploader bukan ? File uploader dapat kita temui apabila kita ingin mengupload gambar, video ataupun berbagai ragam jenis file lainnya yang banyak dipakai di sesial media ataupun aplikasi-aplikasi terkemuka. Dengan adanya fungsi ini maka kita bisa mengunggah file kita kedalam server secara mudah karena tidak membutuhkan keahlian atau skill koding khusus untuk melakukannya. Selain itu untuk melakukannya anda hanya diharuskan klik hanya 1 kali saja pada input yang disediakan, setelah itu anda akan disuguhkan tab pop-up yang berfungsi untuk kita agar memilih file yang rencananya akan kita upload. Setelah itu hanya klik kirim atau upload maka data yang anda kehendaki akan segera dikirim kepada server.

Nah, salah satu atribut yang dimiliki Tag Input adalah "Accept".

Seperti apakah fungsi dari Atribut Accept pada Tag Input pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Accept - Adalah salah satu atribut yang dimiliki tag Input dan memiliki fungsi untuk mengizinkan jenis file tertentu yang dapat digunakan untuk tahap upload atau pengunggahan. Tag ini membantu kita agar pengguna tidak memasukan jenis file yang mungkin akan dapat membahayakan server apabila file sukses terupload. Karena ada beberapa file yang didesain dapat merusak sistem server apabila mereka diunggah kedalam server oleh orang tak bertanggung jawab. Dengan perizinan dari atribut ini maka konten yang dapat dikirim pun sesuai dengan kriteria yang anda tetapkan.

Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :

Syntax :

<input accept="Value">

Penerapan Syntax :

<form action="#">
 <input type="file" name="picture" accept="image/*">
 <input type="submit">
</form>

Value Accept Input :

No.	Value	Fungsi
1	file_extension	Berfungsi untuk mendefinisikan sebuah input yang dikhususkan untuk mengizinkan jenis file ektensi umum misalnya (.jpeg, .jpg, .png, .gif, .doc dan lain sebagainya).
2	audio/*	Berfungsi untuk mendefinisikan sebuah input yang dikhususkan untuk mengizinkan jenis file audio saja seperti (.mp3, .wav, .ogg dan lain sebagainya).
3	video/*	Berfungsi untuk mendefinisikan sebuah input yang hanya dapat mengizinkan jenis file video saja seperti (.mp4, .3gp, .flv, .mkv dan lain sebagainya).
4	image/*	Berfungsi untuk mendefinisikan sebuah input yang dikhususkan untuk mengizinkan jenis file ektensi gambar misalnya (.jpeg, .jpg, .png, .gif dan lain sebagainya).
5	media_type	Berfungsi untuk mendefinisikan sebuah input yang hampir dapat digunakan pada semua file, akan tetapi file tersebut harus memiliki sebuah media pembuka seperti gambar, video ataupun aplikasi.

Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <input> Tagging ?
Klik disini : Tagging <input> HTML



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Tagging <input> Accept Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <input> Accept HTML.
Sekian dan terimakasih.