Tag mana yang digunakan untuk mengirimkan formulir dalam html?
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. ) Show Berikut adalah formulir sederhana yang menyertakan label, tombol radio, dan tombol tekan (setel ulang formulir atau kirimkan)
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
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
17. 4. 2 Contoh formulir yang berisi kontrol INPUTContoh 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
Bentuk ini dapat dirender sebagai berikut Di bagian elemen, kita membahas penandaan label seperti "Nama depan" Dalam contoh berikutnya, verifikasi nama fungsi JavaScript dipicu saat peristiwa "onclick" terjadi _ Silakan berkonsultasi dengan bagian untuk informasi lebih lanjut tentang skrip dan acara Contoh berikut memperlihatkan bagaimana konten file yang ditentukan pengguna dapat dikirimkan dengan formulir. Pengguna diminta untuk namanya dan daftar nama file yang isinya harus diserahkan dengan formulir. Dengan menentukan nilai "multipart/form-data", setiap konten file akan dikemas untuk diserahkan dalam bagian terpisah dari dokumen multipart
Tag awal. wajib, Tag akhir. diperlukan Atribut didefinisikan di tempat lain Tombol yang dibuat dengan fungsi elemen sama seperti tombol yang dibuat dengan elemen, tetapi menawarkan kemungkinan rendering yang lebih kaya. elemen mungkin memiliki konten. Misalnya, elemen yang berisi gambar berfungsi seperti dan mungkin mirip dengan elemen yang disetel ke "gambar", tetapi jenis elemen memungkinkan konten Agen pengguna visual dapat merender tombol dengan relief dan gerakan naik/turun saat diklik, sementara mereka dapat merender tombol sebagai gambar "datar" Contoh berikut memperluas contoh sebelumnya, tetapi membuat dan tombol sebagai gantinya. Tombol-tombol berisi gambar melalui elemen _ Ingatlah bahwa penulis harus menyediakan elemen Mengasosiasikan peta gambar dengan yang muncul sebagai konten elemen adalah ilegal CONTOH ILEGAL Tag awal. wajib, Tag akhir. diperlukan SELECT Atribut definisi name = Atribut ini memberikan ukuran = Jika elemen disajikan sebagai kotak daftar yang digulir, atribut ini menentukan jumlah baris dalam daftar yang harus terlihat pada saat yang sama. Agen pengguna visual tidak diharuskan menampilkan elemen sebagai kotak daftar; . banyak Jika disetel, atribut boolean ini memungkinkan banyak pilihan. Jika tidak disetel, elemen hanya mengizinkan pemilihan tunggalAtribut didefinisikan di tempat lain Elemen menciptakan a. Setiap pilihan yang ditawarkan oleh menu diwakili oleh sebuah elemen. Sebuah elemen harus mengandung setidaknya satu elemen Elemen memungkinkan penulis untuk mengelompokkan pilihan secara logis. Ini sangat membantu ketika pengguna harus memilih dari daftar panjang pilihan; . Dalam HTML 4, semua elemen harus ditentukan langsung di dalam elemen (mis. e. , grup tidak boleh disarangkan) Nol atau lebih pilihan dapat dipilih sebelumnya untuk pengguna. Agen pengguna harus menentukan pilihan mana yang dipilih sebelumnya sebagai berikut
Tag awal. wajib, Tag akhir. diperlukan Definisi Atribut OPTGROUP label = Atribut ini menentukan label untuk grup opsiAtribut didefinisikan di tempat lain Catatan. Pelaksana disarankan agar versi HTML yang akan datang dapat memperluas mekanisme pengelompokan untuk memungkinkan grup bersarang (mis. e. , elemen dapat bersarang). Ini akan memungkinkan penulis untuk mewakili hierarki pilihan yang lebih kaya Tag awal. wajib, Tag akhir. opsional Definisi atribut OPSI dipilih Ketika disetel, atribut boolean ini menentukan bahwa opsi ini telah dipilih sebelumnya. nilai = Atribut ini menentukan kontrol. Jika atribut ini tidak disetel, maka disetel ke konten elemen. label = Atribut ini memungkinkan penulis menentukan label yang lebih pendek untuk suatu opsi daripada konten elemen. Saat ditentukan, agen pengguna harus menggunakan nilai atribut ini daripada konten elemen sebagai label opsiAtribut didefinisikan di tempat lain Saat merender pilihan menu, agen pengguna harus menggunakan nilai atribut elemen sebagai pilihan. Jika atribut ini tidak ditentukan, agen pengguna harus menggunakan konten elemen Atribut elemen menentukan label untuk sekelompok pilihan Dalam contoh ini, kami membuat menu yang memungkinkan pengguna memilih tujuh komponen perangkat lunak mana yang akan diinstal. Komponen pertama dan kedua telah dipilih sebelumnya tetapi dapat dibatalkan pilihannya oleh pengguna. Komponen yang tersisa tidak dipilih sebelumnya. Atribut menyatakan bahwa menu hanya boleh memiliki 4 baris meskipun pengguna dapat memilih dari antara 7 opsi. Opsi lain harus disediakan melalui mekanisme pengguliran Diikuti dengan tombol submit dan reset _ Hanya opsi yang dipilih yang akan (menggunakan "pilih komponen"). Bila tidak ada opsi yang dipilih, kontrol tidak berhasil dan baik nama maupun nilai apa pun tidak dikirimkan ke server saat formulir dikirimkan. Perhatikan bahwa di mana atribut disetel, itu menentukan kontrol, jika tidak, itu adalah konten elemen Dalam contoh ini kami menggunakan elemen untuk mengelompokkan pilihan. Markup berikut _ mewakili pengelompokan berikut ...form contents..._0 Agen pengguna visual memungkinkan pengguna untuk memilih dari grup opsi melalui menu hierarkis atau beberapa mekanisme lain yang mencerminkan struktur pilihan Agen pengguna grafis mungkin menjadikan ini sebagai Gambar ini menunjukkan elemen yang dirender sebagai menu kaskade. Label atas menu menampilkan nilai yang dipilih saat ini (PortMaster 3, 3. 7. 1). Pengguna telah membentangkan dua menu kaskade, tetapi belum memilih nilai baru (PortMaster 2, 3. 7). Perhatikan bahwa setiap menu kaskade menampilkan label elemen atau Tag awal. wajib, Tag akhir. diperlukan Definisi atribut name = Atribut ini menetapkan baris = Atribut ini menentukan jumlah baris teks yang terlihat. Pengguna harus dapat memasukkan lebih banyak baris dari ini, jadi agen pengguna harus menyediakan beberapa cara untuk menelusuri konten kontrol saat konten melampaui area yang terlihat. cols = Atribut ini menentukan lebar yang terlihat dalam lebar karakter rata-rata. Pengguna harus dapat memasukkan baris yang lebih panjang dari ini, jadi agen pengguna harus menyediakan beberapa cara untuk menelusuri konten kontrol saat konten melampaui area yang terlihat. Agen pengguna dapat membungkus baris teks yang terlihat agar garis panjang tetap terlihat tanpa perlu menggulirAtribut didefinisikan di tempat lain Elemen membuat kontrol multi-baris. Agen pengguna harus menggunakan konten elemen ini sebagai kontrol dan harus merender teks ini terlebih dahulu Contoh ini membuat kontrol yang terdiri dari 20 baris kali 80 kolom dan awalnya berisi dua baris teks. Diikuti dengan tombol submit dan reset ...form contents..._1 Mengatur atribut memungkinkan penulis untuk menampilkan teks yang tidak dapat dimodifikasi di a. Ini berbeda dengan menggunakan teks mark-up standar dalam dokumen karena nilai dikirimkan dengan formulir ISINDEX adalah. Elemen ini membuat kontrol baris tunggal. Penulis harus menggunakan elemen untuk membuat kontrol Lihat untuk definisi formal Atribut didefinisikan di tempat lain Elemen membuat kontrol baris tunggal yang memungkinkan sejumlah karakter. Agen pengguna dapat menggunakan nilai atribut sebagai judul prompt Semantik dari ISINDEX. Saat ini, semantik untuk hanya terdefinisi dengan baik ketika URI dasar untuk dokumen terlampir adalah URI HTTP. Dalam praktiknya, string input dibatasi ke Latin-1 karena tidak ada mekanisme untuk URI untuk menentukan kumpulan karakter yang berbeda Beberapa kontrol formulir secara otomatis memiliki label yang terkait dengannya (tekan tombol) sementara kebanyakan tidak (bidang teks, kotak centang dan tombol radio, dan menu) Untuk kontrol yang memiliki label implisit, agen pengguna harus menggunakan nilai dari atribut nilai sebagai string label Elemen digunakan untuk menentukan label untuk kontrol yang tidak memiliki label implisit, Tag awal. wajib, Tag akhir. diperlukan Definisi atribut for = Atribut ini secara eksplisit mengaitkan label yang didefinisikan dengan kontrol lain. Jika ada, nilai atribut ini harus sama dengan nilai atribut kontrol lain dalam dokumen yang sama. Jika tidak ada, label yang ditentukan dikaitkan dengan konten elemenAtribut didefinisikan di tempat lain Elemen dapat digunakan untuk melampirkan informasi ke kontrol. Setiap elemen dikaitkan dengan tepat satu kontrol bentuk Atribut mengaitkan label dengan kontrol lain secara eksplisit. nilai atribut harus sama dengan nilai atribut elemen kontrol yang terkait. Lebih dari satu dapat dikaitkan dengan kontrol yang sama dengan membuat beberapa referensi melalui atribut Contoh ini membuat tabel yang digunakan untuk menyelaraskan dua kontrol dan label yang terkait. Setiap label dikaitkan secara eksplisit dengan satu ...form contents..._2 Contoh ini memperluas formulir contoh sebelumnya untuk menyertakan elemen
Untuk mengaitkan label dengan kontrol lain secara implisit, elemen kontrol harus berada di dalam konten elemen. Dalam hal ini, hanya boleh berisi satu elemen kontrol. Label itu sendiri dapat ditempatkan sebelum atau sesudah kontrol terkait Dalam contoh ini, kami secara implisit mengaitkan dua label dengan dua kontrol ...form contents..._4 Perhatikan bahwa teknik ini tidak dapat digunakan saat tabel digunakan untuk tata letak, dengan label di satu sel dan kontrol terkait di sel lain Saat sebuah elemen menerima , ia meneruskan fokus ke kontrol terkaitnya. Lihat bagian di bawah untuk contoh Label dapat diberikan oleh agen pengguna dalam beberapa cara (mis. g. , secara visual, dibaca oleh penyintesis ucapan, dll. ) Tag awal. wajib, Tag akhir. diperlukan Definisi atribut LEGENDA sejajarkan = atas. dasar. kiri. kanan Atribut ini menentukan posisi legenda sehubungan dengan fieldset. Nilai yang mungkin
Atribut didefinisikan di tempat lain Elemen tersebut memungkinkan penulis untuk mengelompokkan kontrol dan label yang terkait secara tematis. Kontrol pengelompokan memudahkan pengguna untuk memahami tujuan mereka sekaligus memfasilitasi navigasi tab untuk agen pengguna visual dan navigasi ucapan untuk agen pengguna berorientasi ucapan. Penggunaan yang tepat dari elemen ini membuat dokumen lebih mudah diakses Elemen ini memungkinkan penulis untuk menetapkan keterangan ke a. Legenda meningkatkan aksesibilitas saat dirender secara non-visual Dalam contoh ini, kami membuat formulir yang dapat diisi di kantor dokter. Ini dibagi menjadi tiga bagian. informasi pribadi, riwayat kesehatan, dan pengobatan saat ini. Setiap bagian berisi kontrol untuk memasukkan informasi yang sesuai ...form contents..._5 Perhatikan bahwa dalam contoh ini, kami dapat meningkatkan tampilan visual formulir dengan menyelaraskan elemen di dalam masing-masing (dengan lembar gaya), menambahkan informasi warna dan font (dengan lembar gaya), menambahkan skrip (misalnya, untuk hanya membuka "pengobatan saat ini" Dalam dokumen HTML, sebuah elemen harus mendapat fokus dari pengguna agar menjadi aktif dan melakukan tugasnya. Misalnya, pengguna harus mengaktifkan tautan yang ditentukan oleh elemen untuk mengikuti tautan yang ditentukan. Demikian pula, pengguna harus memberikan fokus untuk memasukkan teks ke dalamnya Ada beberapa cara untuk memberikan fokus pada suatu elemen
Definisi atribut tabindex = Atribut ini menentukan posisi elemen saat ini dalam urutan tab untuk dokumen saat ini. Nilai ini harus berupa angka antara 0 dan 32767. Agen pengguna harus mengabaikan angka nol di depanUrutan tab menentukan urutan di mana elemen akan menerima fokus saat dinavigasi oleh pengguna melalui keyboard. Urutan tab dapat mencakup elemen yang bersarang di dalam elemen lain Elemen yang mungkin menerima fokus harus dinavigasi oleh agen pengguna sesuai aturan berikut
Elemen berikut mendukung atribut. , , , , , , Dan Dalam contoh ini, urutan tabbing adalah , urutan elemen (perhatikan bahwa "bidang1" dan tombol memiliki indeks tab yang sama, tetapi "bidang1" muncul kemudian dalam aliran karakter), dan terakhir tautan yang dibuat oleh elemen ...form contents..._6 Tombol tab. Urutan kunci aktual yang menyebabkan navigasi tab atau aktivasi elemen bergantung pada konfigurasi agen pengguna (mis. g. , tombol "tab" digunakan untuk navigasi dan tombol "enter" digunakan untuk mengaktifkan elemen yang dipilih) Agen pengguna juga dapat menentukan urutan kunci untuk menavigasi urutan tab secara terbalik. Saat akhir (atau awal) dari urutan tabbing tercapai, agen pengguna dapat memutar kembali ke awal (atau akhir) Definisi atribut accesskey = Atribut ini menetapkan kunci akses ke suatu elemen. Kunci akses adalah satu karakter dari rangkaian karakter dokumen. Catatan. Penulis harus mempertimbangkan metode masukan dari pembaca yang diharapkan saat menentukan kunci aksesMenekan tombol akses yang ditetapkan ke suatu elemen memberikan fokus ke elemen tersebut. Aksi yang terjadi ketika sebuah elemen menerima fokus bergantung pada elemen tersebut. Misalnya, saat pengguna mengaktifkan tautan yang ditentukan oleh elemen, agen pengguna biasanya mengikuti tautan tersebut. Saat pengguna mengaktifkan tombol radio, agen pengguna mengubah nilai tombol radio. Saat pengguna mengaktifkan bidang teks, itu memungkinkan input, dll Elemen berikut mendukung atribut. , , , , , dan dan Contoh ini memberikan kunci akses "U" ke label yang terkait dengan kontrol. Mengetik tombol akses memberikan fokus ke label yang pada gilirannya memberikannya ke kontrol terkait. Pengguna kemudian dapat memasukkan teks ke area tersebut ...form contents..._7 Dalam contoh ini, kami menetapkan kunci akses ke tautan yang ditentukan oleh elemen. Mengetik kunci akses ini membawa pengguna ke dokumen lain, dalam hal ini, daftar isi ...form contents..._8 Doa kunci akses tergantung pada sistem yang mendasarinya. Misalnya, pada mesin yang menjalankan MS Windows, biasanya seseorang harus menekan tombol "alt" selain tombol akses. Pada sistem Apple, biasanya seseorang harus menekan tombol "cmd" selain tombol akses Rendering kunci akses tergantung pada agen pengguna. Kami menyarankan agar penulis menyertakan kunci akses dalam teks label atau di mana pun kunci akses diterapkan. Agen pengguna harus memberikan nilai kunci akses sedemikian rupa untuk menekankan perannya dan untuk membedakannya dari karakter lain (mis. g. , dengan menggarisbawahinya) Dalam konteks di mana input pengguna tidak diinginkan atau tidak relevan, penting untuk dapat menonaktifkan kontrol atau menjadikannya hanya-baca. Misalnya, seseorang mungkin ingin menonaktifkan tombol kirim formulir hingga pengguna memasukkan beberapa data yang diperlukan. Demikian pula, seorang penulis mungkin ingin menyertakan sepotong teks read-only yang harus diserahkan sebagai nilai bersama dengan formulir. Bagian berikut menjelaskan kontrol yang dinonaktifkan dan hanya-baca Definisi atribut dinonaktifkan Saat diatur untuk kontrol formulir, atribut boolean ini menonaktifkan kontrol untuk masukan penggunaSaat disetel, atribut memiliki efek berikut pada elemen Elemen berikut mendukung atribut. , , , , , Dan Atribut ini diwariskan tetapi deklarasi lokal menimpa nilai yang diwariskan Bagaimana elemen yang dinonaktifkan dirender bergantung pada agen pengguna. Misalnya, beberapa agen pengguna item menu yang dinonaktifkan "abu-abu", label tombol, dll Dalam contoh ini, elemen dinonaktifkan. Oleh karena itu, tidak dapat menerima masukan pengguna dan nilainya tidak akan dikirimkan dengan formulir ...form contents..._9 Catatan. Satu-satunya cara untuk mengubah nilai atribut secara dinamis adalah melalui skrip Definisi atribut readonly Ketika disetel untuk kontrol formulir, atribut boolean ini melarang perubahan pada kontrolAtribut menentukan apakah kontrol dapat dimodifikasi oleh pengguna Saat disetel, atribut memiliki efek berikut pada elemen Elemen berikut mendukung atribut. Dan Bagaimana elemen read-only dirender bergantung pada agen pengguna Catatan. Satu-satunya cara untuk mengubah nilai atribut secara dinamis adalah melalui skrip Bagian berikut menjelaskan cara agen pengguna mengirimkan data formulir ke agen pemrosesan formulir Atribut elemen menentukan metode HTTP yang digunakan untuk mengirim formulir ke agen pemrosesan. Atribut ini dapat mengambil dua nilai
Metode "dapatkan" harus digunakan ketika bentuknya idempoten (mis. e. , tidak menyebabkan efek samping). Banyak pencarian basis data tidak memiliki efek samping yang terlihat dan membuat aplikasi yang ideal untuk metode "dapatkan". Jika layanan yang terkait dengan pemrosesan formulir menyebabkan efek samping (misalnya, jika formulir mengubah basis data atau berlangganan layanan), metode "posting" harus digunakan Catatan. Metode "dapatkan" membatasi nilai ke karakter ASCII. Hanya metode "posting" (dengan ="multipart/form-data") yang ditentukan untuk mencakup seluruh rangkaian karakter Kontrol yang berhasil adalah "valid" untuk pengiriman. Setiap kontrol yang berhasil dipasangkan dengannya sebagai bagian dari yang dikirimkan. Kontrol yang berhasil harus didefinisikan dalam elemen dan harus memiliki a Namun
Jika kontrol tidak memiliki saat formulir dikirimkan, agen pengguna tidak diharuskan memperlakukannya sebagai kontrol yang berhasil Selain itu, agen pengguna tidak boleh menganggap kontrol berikut ini berhasil dan kontrol yang tidak dirender karena pengaturan style sheet mungkin masih berhasil. Misalnya 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 -- >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. IdentifikasiLangkah kedua. Buat kumpulan data formulirKumpulan data bentuk adalah urutan / pasangan yang dibangun dari Langkah ketiga. Enkode kumpulan data formulirKumpulan data formulir kemudian dikodekan sesuai dengan yang ditentukan oleh atribut elemen Langkah empat. Kirim kumpulan data formulir yang disandikanTerakhir, 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
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-urlencodedIni adalah tipe konten default. Formulir yang dikirimkan dengan tipe konten ini harus dikodekan sebagai berikut
multipart/formulir-dataCatatan. 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
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 Bagaimana Anda mengirimkan formulir dalam HTML?Tombol Kirim
. Form-handler biasanya berupa file di server dengan skrip untuk memproses data input. Form-handler ditentukan dalam atribut action form. defines a button for submitting the form data to a form-handler. The form-handler is typically a file on the server with a script for processing input data. The form-handler is specified in the form's action attribute.
Apa itu kirim tag dalam HTML?Definisi dan Penggunaan. mendefinisikan tombol kirim yang mengirimkan semua nilai formulir ke form-handler . Form-handler biasanya adalah halaman server dengan skrip untuk memproses data input. Form-handler ditentukan dalam atribut action form.
Di mana formulir HTML dikirim?Cara Kerja Formulir HTML. Saat pengguna mengisi formulir dan mengirimkannya dengan tombol kirim, data dalam kontrol formulir dikirim ke server melalui permintaan GET atau POST HTTP . Jadi bagaimana server ditunjukkan? . |