Formulir HTML adalah bagian dari dokumen yang berisi konten normal, markup, elemen khusus yang disebut [kotak centang, tombol radio, menu, dll. ], dan label pada kontrol tersebut. Pengguna umumnya "menyelesaikan" formulir dengan memodifikasi kontrolnya [memasukkan teks, memilih item menu, dll. ], sebelum mengirimkan formulir ke agen untuk diproses [mis. g. , ke server Web, ke server email, dll. ]
Berikut adalah formulir sederhana yang menyertakan label, tombol radio, dan tombol tekan [setel ulang formulir atau kirimkan]
First name:
Last name:
email:
Male
Female
Catatan. Spesifikasi ini mencakup informasi yang lebih rinci tentang formulir di subbagian tentang
Pengguna berinteraksi dengan formulir melalui kontrol bernama
"Nama kontrol" kontrol diberikan oleh atribut namanya. Lingkup atribut nama untuk kontrol dalam elemen adalah elemennya
Setiap kontrol memiliki nilai awal dan nilai saat ini, keduanya merupakan string karakter. Harap baca definisi setiap kontrol untuk informasi tentang nilai awal dan batasan yang mungkin pada nilai yang dikenakan oleh kontrol. Secara umum, "nilai awal" kontrol dapat ditentukan dengan atribut nilai elemen kontrol. Namun, nilai awal suatu elemen ditentukan oleh isinya, dan nilai awal suatu elemen dalam suatu bentuk ditentukan oleh implementasi objek [i. e. , terletak di luar cakupan spesifikasi ini]
"Nilai saat ini" kontrol pertama-tama diatur ke nilai awal. Setelah itu, nilai kontrol saat ini dapat dimodifikasi melalui interaksi pengguna dan skrip
Nilai awal kontrol tidak berubah. Jadi, ketika sebuah form direset, setiap nilai arus kontrol direset ke nilai awalnya. Jika sebuah kontrol tidak memiliki nilai awal, efek dari form reset pada kontrol tersebut tidak ditentukan
Saat formulir dikirimkan untuk diproses, beberapa kontrol memasangkan namanya dengan nilainya saat ini dan pasangan ini dengan formulir. Kontrol-kontrol yang pasangan nama/nilainya dikirimkan disebut
HTML mendefinisikan jenis kontrol berikut
buttonsPenulis dapat membuat tiga jenis tombolPenulis membuat tombol dengan elemen atau elemen. Silakan baca definisi elemen ini untuk detail tentang menentukan jenis tombol yang berbeda
Catatan. Penulis harus mencatat bahwa elemen menawarkan kemampuan rendering yang lebih kaya daripada elemen
checkboxesCheckbox [dan tombol radio] adalah sakelar hidup/mati yang dapat dialihkan oleh pengguna. Sakelar "aktif" saat atribut elemen kontrol disetel. Saat formulir dikirimkan, hanya kontrol kotak centang "on" yang bisa menjadiBeberapa kotak centang dalam formulir mungkin sama Jadi, misalnya, kotak centang memungkinkan pengguna untuk memilih beberapa nilai untuk properti yang sama. Elemen ini digunakan untuk membuat kontrol kotak centang
tombol radio Tombol radio seperti kotak centang kecuali jika beberapa berbagi sama, mereka saling eksklusif. ketika satu diaktifkan "on", semua yang lain dengan nama yang sama dimatikan "off". Elemen ini digunakan untuk membuat kontrol tombol radio. Jika tidak ada tombol radio dalam rangkaian yang berbagi nama kontrol yang sama yang awalnya "aktif", perilaku agen pengguna untuk memilih kontrol mana yang awalnya "aktif" tidak ditentukan. Catatan. Karena implementasi yang ada menangani kasus ini secara berbeda, spesifikasi saat ini berbeda dari RFC 1866 [bagian 8. 1. 2. 4], yang menyatakanSetiap saat, salah satu tombol radio dalam satu set dicentang. Jika tidak ada elemen dari kumpulan tombol radio yang menentukan `CHECKED', maka agen pengguna harus memeriksa tombol radio pertama dari kumpulan tersebut pada awalnya
Karena perilaku agen pengguna berbeda, penulis harus memastikan bahwa di setiap rangkaian tombol radio yang awalnya "aktif"
menuMenus menawarkan opsi kepada pengguna untuk dipilih. Elemen membuat menu, dikombinasikan dengan elemen dan. input teks Penulis dapat membuat dua jenis kontrol yang memungkinkan pengguna untuk memasukkan teks. Elemen membuat kontrol input baris tunggal dan elemen membuat kontrol input multi-baris. Dalam kedua kasus tersebut, teks masukan menjadi milik kontrol. pilih file Jenis kontrol ini memungkinkan pengguna untuk memilih file sehingga isinya dapat dikirimkan dengan formulir. Elemen ini digunakan untuk membuat kontrol pemilihan file. kontrol tersembunyi Penulis dapat membuat kontrol yang tidak dirender tetapi nilainya dikirimkan dengan formulir. Penulis umumnya menggunakan jenis kontrol ini untuk menyimpan informasi antara pertukaran klien/server yang jika tidak akan hilang karena sifat HTTP yang tidak berkewarganegaraan [lihat ]. Elemen ini digunakan untuk membuat kontrol tersembunyi. kontrol objek Penulis dapat menyisipkan objek umum dalam bentuk sedemikian rupa sehingga nilai terkait dikirimkan bersama dengan kontrol lainnya. Penulis membuat kontrol objek dengan elemen tersebutElemen yang digunakan untuk membuat kontrol umumnya muncul di dalam elemen, tetapi juga dapat muncul di luar deklarasi elemen saat digunakan untuk membangun antarmuka pengguna. Ini dibahas di bagian Perhatikan bahwa kontrol di luar formulir tidak bisa
Tag awal. wajib, Tag akhir. diperlukan
Definisi atribut
action = Atribut ini menentukan agen pemroses formulir. Perilaku agen pengguna untuk nilai selain URI HTTP tidak ditentukan. metode = dapatkan. post Atribut ini menentukan metode HTTP mana yang akan digunakan untuk mengirimkan. Nilai yang mungkin [tidak peka huruf besar/kecil] adalah "dapatkan" [default] dan "kirim". Lihat bagian untuk informasi penggunaan. enctype = Atribut ini menentukan yang digunakan untuk mengirimkan formulir ke server [bila nilainya adalah "posting"]. Nilai default untuk atribut ini adalah "application/x-www-form-urlencoded". Nilai "multipart/form-data" harus digunakan dalam kombinasi dengan elemen, type="file". accept-charset = Atribut ini menentukan daftar untuk input data yang diterima oleh server yang memproses formulir ini. Nilai adalah daftar nilai yang dibatasi spasi dan/atau koma. Klien harus menginterpretasikan daftar ini sebagai daftar eksklusif-atau, i. e. , server dapat menerima pengkodean karakter tunggal apa pun per entitas yang diterimaNilai default untuk atribut ini adalah string yang dicadangkan "UNKNOWN". Agen pengguna dapat menafsirkan nilai ini sebagai pengkodean karakter yang digunakan untuk mengirimkan dokumen yang berisi elemen ini
accept = Atribut ini menentukan daftar tipe konten yang dipisahkan koma yang akan ditangani dengan benar oleh server yang memproses formulir ini. Agen pengguna dapat menggunakan informasi ini untuk memfilter file yang tidak sesuai saat meminta pengguna untuk memilih file yang akan dikirim ke server [lih. elemen ketika ="file"]. name = Atribut ini menamai elemen sehingga dapat dirujuk dari style sheet atau skrip. Catatan. Atribut ini telah disertakan untuk kompatibilitas mundur. Aplikasi harus menggunakan atribut untuk mengidentifikasi elemenAtribut didefinisikan di tempat lain
Elemen bertindak sebagai wadah untuk. Ini menentukan
- Tata letak formulir [diberikan oleh isi elemen]
- Program yang akan menangani formulir yang sudah diisi dan dikirimkan [atribut]. Program penerima harus dapat mengurai pasangan nama/nilai untuk memanfaatkannya
- Metode pengiriman data pengguna ke server [atribut]
- Pengkodean karakter yang harus diterima oleh server untuk menangani formulir ini [atribut]. Agen pengguna dapat memberi tahu pengguna tentang nilai atribut dan/atau membatasi kemampuan pengguna untuk memasukkan karakter yang tidak dikenal
Formulir dapat berisi teks dan markup [paragraf, daftar, dll. ] sebagai tambahan
Contoh berikut menunjukkan formulir yang akan diproses oleh program "adduser" saat dikirimkan. Formulir akan dikirim ke program menggunakan metode "posting" HTTP
...form contents..._
Silakan baca bagian tentang untuk informasi tentang bagaimana agen pengguna harus menyiapkan data formulir untuk server dan bagaimana agen pengguna harus menangani respons yang diharapkan
Catatan. Pembahasan lebih lanjut tentang perilaku server yang menerima data formulir berada di luar cakupan spesifikasi ini
INPUT - O EMPTY -- form control --> %attrs; -- %coreattrs, %i18n, %events -- type %InputType; TEXT -- what kind of widget is needed -- name CDATA #IMPLIED -- submit as part of form -- value CDATA #IMPLIED -- Specify for radio buttons and checkboxes -- checked [checked] #IMPLIED -- for radio buttons and check boxes -- disabled [disabled] #IMPLIED -- unavailable in this context -- readonly [readonly] #IMPLIED -- for text and passwd -- size CDATA #IMPLIED -- specific to each type of field -- maxlength NUMBER #IMPLIED -- max chars for text fields -- src %URI; #IMPLIED -- for fields with images -- alt CDATA #IMPLIED -- short description -- usemap %URI; #IMPLIED -- use client-side image map -- ismap [ismap] #IMPLIED -- use server-side image map -- tabindex NUMBER #IMPLIED -- position in tabbing order -- accesskey %Character; #IMPLIED -- accessibility key character -- onfocus %Script; #IMPLIED -- the element got the focus -- onblur %Script; #IMPLIED -- the element lost the focus -- onselect %Script; #IMPLIED -- some text was selected -- onchange %Script; #IMPLIED -- the element value was changed -- accept %ContentTypes; #IMPLIED -- list of MIME types for file upload -- >
Tag awal. wajib, Tag akhir. terlarang
Definisi atribut
jenis = teks. kata sandi. kotak centang. radio. kirim. mengatur ulang. mengajukan. tersembunyi. gambar. tombol Atribut ini menentukan untuk membuat. Nilai default untuk atribut ini adalah "teks". nama = Atribut ini menetapkan. nilai = Atribut ini menentukan kontrol. Ini opsional kecuali jika atribut memiliki nilai "radio" atau "checkbox". size = Atribut ini memberi tahu agen pengguna lebar awal kontrol. Lebar diberikan kecuali ketika atribut memiliki nilai "text" atau "password". Dalam hal ini, nilainya mengacu pada jumlah karakter [bilangan bulat]. maxlength = Ketika atribut memiliki nilai "text" atau "password", atribut ini menentukan jumlah maksimum karakter yang dapat dimasukkan pengguna. Jumlah ini mungkin melebihi yang ditentukan , dalam hal ini agen pengguna harus menawarkan mekanisme pengguliran. Nilai default untuk atribut ini adalah angka yang tidak terbatas. dicentang Ketika atribut memiliki nilai "radio" atau "kotak centang", atribut boolean ini menentukan bahwa tombol aktif. Agen pengguna harus mengabaikan atribut ini untuk tipe kontrol lainnya. src = Ketika atribut memiliki nilai "gambar", atribut ini menentukan lokasi gambar yang akan digunakan untuk menghiasi tombol kirim grafisAtribut didefinisikan di tempat lain
Didefinisikan oleh elemen tergantung pada nilai atribut
textMembuat kontrol baris tunggal. kata sandiSeperti "teks", tetapi teks input ditampilkan sedemikian rupa untuk menyembunyikan karakter [mis. g. , serangkaian tanda bintang]. Tipe kontrol ini sering digunakan untuk input yang sensitif seperti password. Perhatikan bahwa ini adalah teks yang dimasukkan oleh pengguna, bukan teks yang diberikan oleh agen penggunaCatatan. Perancang aplikasi harus mencatat bahwa mekanisme ini hanya memberikan perlindungan keamanan ringan. Meskipun kata sandi disamarkan oleh agen pengguna dari pengamat biasa, kata sandi dikirimkan ke server dalam bentuk teks yang jelas, dan dapat dibaca oleh siapa saja dengan akses tingkat rendah ke jaringan
kotak centangMembuat radioMembuat kirimMembuat gambarMembuat grafis Nilai atribut menentukan URI gambar yang akan menghiasi tombol. Untuk alasan aksesibilitas, penulis harus menyediakan gambar melalui atributSaat perangkat penunjuk digunakan untuk mengklik gambar, formulir dikirimkan dan koordinat klik diteruskan ke server. Nilai x diukur dari kiri gambar, dan nilai y diukur dari bagian atas gambar. Data yang dikirimkan termasuk nama. x=nilai-x dan nama. y=nilai-y di mana "nama" adalah nilai atribut nama, dan nilai-x dan nilai-y masing-masing adalah nilai koordinat x dan y
Jika server mengambil tindakan berbeda tergantung pada lokasi yang diklik, pengguna browser non-grafis akan dirugikan. Untuk alasan ini, penulis harus mempertimbangkan pendekatan alternatif
- Gunakan beberapa tombol kirim [masing-masing dengan gambarnya sendiri] sebagai pengganti satu tombol kirim grafis. Penulis dapat menggunakan style sheet untuk mengontrol posisi tombol ini
- Gunakan bersama dengan scripting
17. 4. 2 Contoh formulir yang berisi kontrol INPUT
Contoh fragmen HTML berikut menentukan formulir sederhana yang memungkinkan pengguna memasukkan nama depan, nama belakang, alamat email, dan jenis kelamin. Saat tombol kirim diaktifkan, formulir akan dikirim ke program yang ditentukan oleh atribut
First name:
Last name:
email:
Male
Female
Bentuk ini dapat dirender sebagai berikut
%coreattrs, %i18n, %events -- type %InputType; TEXT -- what kind of widget is needed -- name CDATA #IMPLIED -- submit as part of form -- value CDATA #IMPLIED -- Specify for radio buttons and checkboxes -- checked [checked] #IMPLIED -- for radio buttons and check boxes -- disabled [disabled] #IMPLIED -- unavailable in this context -- readonly [readonly] #IMPLIED -- for text and passwd -- size CDATA #IMPLIED -- specific to each type of field -- maxlength NUMBER #IMPLIED -- max chars for text fields -- src %URI; #IMPLIED -- for fields with images -- alt CDATA #IMPLIED -- short description -- usemap %URI; #IMPLIED -- use client-side image map -- ismap [ismap] #IMPLIED -- use server-side image map -- tabindex NUMBER #IMPLIED -- position in tabbing order -- accesskey %Character; #IMPLIED -- accessibility key character -- onfocus %Script; #IMPLIED -- the element got the focus -- onblur %Script; #IMPLIED -- the element lost the focus -- onselect %Script; #IMPLIED -- some text was selected -- onchange %Script; #IMPLIED -- the element value was changed -- accept %ContentTypes; #IMPLIED -- list of MIME types for file upload -- > 0
masih akan menyebabkan nilai dipasangkan dengan nama "kata sandi tak terlihat" dan dikirimkan dengan formulir
Saat pengguna mengirimkan formulir [mis. g. , dengan mengaktifkan a ], agen pengguna memprosesnya sebagai berikut
Langkah pertama. Identifikasi
Langkah kedua. Buat kumpulan data formulir
Kumpulan data bentuk adalah urutan / pasangan yang dibangun dari
Langkah ketiga. Enkode kumpulan data formulir
Kumpulan data formulir kemudian dikodekan sesuai dengan yang ditentukan oleh atribut elemen
Langkah empat. Kirim kumpulan data formulir yang disandikan
Terakhir, data yang disandikan dikirim ke agen pemroses yang ditunjuk oleh atribut menggunakan protokol yang ditentukan oleh atribut
Spesifikasi ini tidak menentukan semua metode pengiriman yang valid atau yang dapat digunakan dengan formulir. Namun, agen pengguna HTML 4 harus mendukung konvensi yang ditetapkan dalam kasus berikut
- Jika adalah "mendapatkan" dan adalah URI HTTP, agen pengguna mengambil nilai , menambahkan `?' . Agen pengguna kemudian melintasi tautan ke URI ini. Dalam skenario ini, data formulir dibatasi untuk kode ASCII
- Jika adalah "posting" dan adalah URI HTTP, agen pengguna melakukan transaksi "posting" HTTP menggunakan nilai atribut dan pesan yang dibuat sesuai dengan yang ditentukan oleh atribut
Untuk nilai lain atau , perilaku tidak ditentukan
Agen pengguna harus merender respons dari transaksi "dapatkan" dan "posting" HTTP
Atribut elemen menentukan yang digunakan untuk menyandikan pengiriman ke server. Agen pengguna harus mendukung jenis konten yang tercantum di bawah ini. Perilaku untuk tipe konten lainnya tidak ditentukan
Silakan juga berkonsultasi bagian pada
application/x-www-form-urlencoded
Ini adalah tipe konten default. Formulir yang dikirimkan dengan tipe konten ini harus dikodekan sebagai berikut
- Nama dan nilai kontrol diloloskan. Karakter spasi diganti dengan `+', dan kemudian karakter yang dicadangkan diloloskan seperti yang dijelaskan di , bagian 2. 2. Karakter non-alfanumerik diganti dengan `%HH', tanda persen dan dua digit heksadesimal yang mewakili kode ASCII dari karakter tersebut. Jeda baris direpresentasikan sebagai pasangan "CR LF" [mis. e. , `%0D%0A']
- Nama/nilai kontrol dicantumkan sesuai urutan kemunculannya di dokumen. Nama dipisahkan dari nilai dengan `=' dan pasangan nama/nilai dipisahkan satu sama lain dengan `&'
multipart/formulir-data
Catatan. Silakan berkonsultasi untuk informasi tambahan tentang unggahan file, termasuk masalah kompatibilitas mundur, hubungan antara "multipart/form-data" dan jenis konten lainnya, masalah kinerja, dll.
Silakan lihat lampiran untuk informasi tentang
Jenis konten "application/x-www-form-urlencoded" tidak efisien untuk mengirim data biner atau teks dalam jumlah besar yang berisi karakter non-ASCII. Jenis konten "multipart/form-data" harus digunakan untuk mengirimkan formulir yang berisi file, data non-ASCII, dan data biner
Konten "multipart/form-data" mengikuti aturan semua aliran data MIME multipart sebagaimana diuraikan dalam. Definisi "multipart/form-data" tersedia di registri
Pesan "multipart/form-data" berisi serangkaian bagian, masing-masing mewakili a. Bagian dikirim ke agen pemrosesan dalam urutan yang sama dengan kontrol yang sesuai muncul di aliran dokumen. Batas bagian tidak boleh muncul di salah satu data;
Seperti halnya semua tipe MIME multibagian, setiap bagian memiliki tajuk "Tipe-Konten" opsional yang defaultnya adalah "teks/polos". Agen pengguna harus menyediakan header "Content-Type", disertai dengan parameter "charset".
Setiap bagian diharapkan berisi
- header "Content-Disposition" yang nilainya adalah "form-data"
- atribut nama yang menentukan kontrol yang sesuai. Nama kontrol yang awalnya dikodekan dalam kumpulan karakter non-ASCII dapat dikodekan menggunakan metode yang diuraikan di
Jadi, misalnya, untuk kontrol bernama "mycontrol", bagian yang sesuai akan ditentukan
INPUT - O EMPTY -- form control --> %attrs; -- %coreattrs, %i18n, %events -- type %InputType; TEXT -- what kind of widget is needed -- name CDATA #IMPLIED -- submit as part of form -- value CDATA #IMPLIED -- Specify for radio buttons and checkboxes -- checked [checked] #IMPLIED -- for radio buttons and check boxes -- disabled [disabled] #IMPLIED -- unavailable in this context -- readonly [readonly] #IMPLIED -- for text and passwd -- size CDATA #IMPLIED -- specific to each type of field -- maxlength NUMBER #IMPLIED -- max chars for text fields -- src %URI; #IMPLIED -- for fields with images -- alt CDATA #IMPLIED -- short description -- usemap %URI; #IMPLIED -- use client-side image map -- ismap [ismap] #IMPLIED -- use server-side image map -- tabindex NUMBER #IMPLIED -- position in tabbing order -- accesskey %Character; #IMPLIED -- accessibility key character -- onfocus %Script; #IMPLIED -- the element got the focus -- onblur %Script; #IMPLIED -- the element lost the focus -- onselect %Script; #IMPLIED -- some text was selected -- onchange %Script; #IMPLIED -- the element value was changed -- accept %ContentTypes; #IMPLIED -- list of MIME types for file upload -- >1
Seperti semua transmisi MIME, "CR LF" [i. e. , `%0D%0A'] digunakan untuk memisahkan baris data
Setiap bagian dapat dikodekan dan header "Content-Transfer-Encoding" disediakan jika nilai bagian tersebut tidak sesuai dengan pengkodean default [7BIT] [lihat, bagian 6]
Jika isi file dikirimkan dengan formulir, input file harus diidentifikasi dengan nama yang sesuai [mis. g. , "aplikasi/aliran oktet"]. Jika beberapa file akan dikembalikan sebagai hasil dari entri formulir tunggal, file tersebut harus dikembalikan sebagai "multibagian/campuran" yang disematkan di dalam "multibagian/formulir-data"
Agen pengguna harus berusaha memberikan nama file untuk setiap file yang dikirimkan. Nama file dapat ditentukan dengan parameter "filename" dari 'Content-Disposition. form-data' header, atau, dalam kasus beberapa file, dalam 'Content-Disposition. file' tajuk subbagian. Jika nama file sistem operasi klien tidak dalam US-ASCII, nama file mungkin didekati atau dikodekan menggunakan metode. Ini nyaman untuk kasus-kasus di mana, misalnya, file yang diunggah mungkin berisi referensi satu sama lain [mis. g. , file TeX dan ". sty" deskripsi gaya tambahan]
Contoh berikut mengilustrasikan pengkodean "multipart/form-data". Misalkan kita memiliki bentuk berikut
INPUT - O EMPTY -- form control --> %attrs; -- %coreattrs, %i18n, %events -- type %InputType; TEXT -- what kind of widget is needed -- name CDATA #IMPLIED -- submit as part of form -- value CDATA #IMPLIED -- Specify for radio buttons and checkboxes -- checked [checked] #IMPLIED -- for radio buttons and check boxes -- disabled [disabled] #IMPLIED -- unavailable in this context -- readonly [readonly] #IMPLIED -- for text and passwd -- size CDATA #IMPLIED -- specific to each type of field -- maxlength NUMBER #IMPLIED -- max chars for text fields -- src %URI; #IMPLIED -- for fields with images -- alt CDATA #IMPLIED -- short description -- usemap %URI; #IMPLIED -- use client-side image map -- ismap [ismap] #IMPLIED -- use server-side image map -- tabindex NUMBER #IMPLIED -- position in tabbing order -- accesskey %Character; #IMPLIED -- accessibility key character -- onfocus %Script; #IMPLIED -- the element got the focus -- onblur %Script; #IMPLIED -- the element lost the focus -- onselect %Script; #IMPLIED -- some text was selected -- onchange %Script; #IMPLIED -- the element value was changed -- accept %ContentTypes; #IMPLIED -- list of MIME types for file upload -- >2
Jika pengguna memasukkan "Larry" di input teks, dan memilih file teks "file1. txt", agen pengguna mungkin mengirim kembali data berikut
INPUT - O EMPTY -- form control --> %attrs; -- %coreattrs, %i18n, %events -- type %InputType; TEXT -- what kind of widget is needed -- name CDATA #IMPLIED -- submit as part of form -- value CDATA #IMPLIED -- Specify for radio buttons and checkboxes -- checked [checked] #IMPLIED -- for radio buttons and check boxes -- disabled [disabled] #IMPLIED -- unavailable in this context -- readonly [readonly] #IMPLIED -- for text and passwd -- size CDATA #IMPLIED -- specific to each type of field -- maxlength NUMBER #IMPLIED -- max chars for text fields -- src %URI; #IMPLIED -- for fields with images -- alt CDATA #IMPLIED -- short description -- usemap %URI; #IMPLIED -- use client-side image map -- ismap [ismap] #IMPLIED -- use server-side image map -- tabindex NUMBER #IMPLIED -- position in tabbing order -- accesskey %Character; #IMPLIED -- accessibility key character -- onfocus %Script; #IMPLIED -- the element got the focus -- onblur %Script; #IMPLIED -- the element lost the focus -- onselect %Script; #IMPLIED -- some text was selected -- onchange %Script; #IMPLIED -- the element value was changed -- accept %ContentTypes; #IMPLIED -- list of MIME types for file upload -- >_3
Jika pengguna memilih file [gambar] kedua "file2. gif", agen pengguna dapat membuat bagian-bagian sebagai berikut