Cara Menggunakan Atribut Autocompletetype dalam Bentuk HTML

Kebanyakan website memiliki formulir online untuk berbagai tujuan - pendaftaran pengguna, mengambil pesanan, pemesanan tiket, untuk beberapa nama. Namun, mengisi bentuk-bentuk bisa menjadi tugas yang melelahkan dan berulang-ulang bagi sebagian besar pengguna, padahal sebenarnya, mereka cenderung untuk memasukkan informasi berulang-ulang, seperti Nama, Alamat Email, Alamat Jalan, Kode Pos, dan Nomor Telepon.



Pengguna benar-benar dapat meninggalkan formulir, jika daftar goes lagi. Untuk mencoba untuk memecahkan masalah ini, tim di Google mengusulkan atribut baru yang disebut autocompletetype, untuk memungkinkan jawaban menjadi auto-diisi ke dalam formulir.

Attribute Autocomplete ?

Auto-fill bukanlah hal baru. Kami telah mampu melakukannya selama ini dengan atribut sudah lama-ada, autocomplete. Kedua atribut, autocomplete dan autocompletetype, terutama melayani hal yang sama. Satu-satunya yang berbeda adalah dalam desain mereka.
Atribut autocomplete ditunjuk untuk mengaktifkan (atau menonaktifkan) auto-mengisi fungsi dalam bentuk. Sedangkan, atribut autocompletetype dirancang untuk pengembang web sehingga mereka dapat menetapkan tipe data standar untuk membantu browser atau aplikasi mengisi bentuk yang lebih akurat.
Seperti yang tercantum dalam proposal: saat auto-fill produk terutama mengandalkan petunjuk kontekstual, seperti atribut nama, label masukan, dan teks placeholder, untuk menentukan apa yang harus diisi ke dalam elemen form (yang tidak dapat diandalkan dalam situasi tertentu).

Penggunaan AutocompleteType Usage

Pada saat penulisan, atribut ini ditentukan dengan cara ini: x-autocompletetype, dan menerima jenis data untuk informasi umum diperlukan dalam formulir online, seperti: full-nama, jalan-alamat, kota, kode pos-, dan negara-nama.
Potongan berikut menunjukkan contoh pelaksanaannya. melihat plaincopy ke clipboardprint?

<form method="get" accept-charset="utf-8">
    <label for="namadepan">Nama Depan</label>
    <input id="namadepan" type="text" name="namadepan" value="" x-autocompletetype="given-name">
    <label for="namabelakang">Nama Belakang:</label>
    <input type="text" name="namabelakang" value="" x-autocompletetype="family-name">
    <label for="email">Email</label>
    <input id="email" type="text" name="email" value="" x-autocompletetype="email">
    <label for="telp">Telp.</label>
    <input id="telp" type="text" name="telephone" value="" x-autocompletetype="tel">
    <label for="fax">Fax</label>
    <input id="fax" type="text" name="fax" value="" x-autocompletetype="fax">
</form>  

Perhatikan bahwa kita menggunakan untuk dua unsur bentuk pertama. Ini adalah salah satu contoh di mana jenis autocomplete akan sangat berguna. Ini memberikan browser atau aplikasi yang mungkin tidak mengerti bahasa lokal saya, label standar, sehingga mereka benar bisa auto-mengisi formulir. Akhir Pemikiran

 

Terakhir

Dapatkah kita menggunakan atribut, sekarang? Singkatnya, ya kita bisa. Browser atau aplikasi yang tidak mendukung atribut hanya akan mengabaikannya. Namun, orang-orang yang telah menerapkan hal itu, seperti Google Chrome, dapat mengambil keuntungan dan melayani pengalaman yang lebih baik kepada pengguna kami.
Namun, satu-satunya hal yang menjadi perhatian saya adalah bahwa atribut tersebut masih dalam tahap percobaan dan standarisasi masih sedang dibahas. Jadi, mungkin ada beberapa perubahan dalam pelaksanaan di masa depan, sebagaimana dinyatakan dalam Google Webmaster Central: "Seperti usulan tahap awal kami berharap ini akan berubah dan berkembang sebagai web standar masyarakat memberikan umpan balik."
Cara Menggunakan Atribut Autocompletetype dalam Bentuk HTML
(Image by Pawel Kadysz)
Sumber hongkiat.com