Dipublikasikan: 15 April 2026
Di Chrome, kami menggunakan perspektif global untuk memahami kebutuhan lokal. Kami terus berupaya meningkatkan kualitas pelokalan dan mendukung kekhasan budaya di berbagai wilayah. Pembaruan terbaru kami pada konvensi penamaan Jepang di fitur isi otomatis Chrome adalah bagian dari upaya berkelanjutan ini untuk menjadikan web lebih inklusif dan bermanfaat bagi pengguna di mana pun.
Pembaruan ini memperluas dukungan untuk variasi nama fonetik, yang memungkinkan pengguna mengisi kolom nama Kanji dan Furigana (skrip fonetik dalam Katakana atau Hiragana) secara otomatis. Di Jepang, nama memiliki representasi visual dan bacaan fonetik tertentu, yang sering kali memerlukan kolom terpisah dalam formulir web. Dengan mengaktifkan dukungan untuk variasi fonetik ini, Chrome mengurangi kesulitan dalam mengisi formulir online, misalnya, pendaftaran medis hingga checkout e-commerce, sehingga menghemat waktu dan tenaga pengguna.
Alasan nama Jepang memerlukan dukungan khusus
Karena Kanji Jepang yang sama dapat memiliki beberapa bacaan fonetik, formulir online biasanya meminta pengguna untuk memasukkan nama mereka dalam Kanji dan Furigana secara terpisah. Hal ini memastikan bahwa pengguna dapat dihubungi dengan benar (misalnya, melalui telepon) dan data dapat diurutkan serta dikelola secara akurat.
Tantangan utama bagi developer adalah tidak ada nilai standar untuk nama fonetik dalam standar HTML. Oleh karena itu, browser mengandalkan kombinasi sinyal untuk menentukan apakah kolom meminta nama fonetik.
Cara Chrome mendeteksi kolom nama fonetik
Isi Otomatis Chrome menggunakan heuristik berdasarkan tiga sinyal utama untuk mengidentifikasi kolom nama fonetik:
- Atribut
autocomplete - Label kolom
- Atribut kolom
name
Atribut autocomplete
Atribut autocomplete adalah sinyal terkuat dan diutamakan.
Namun, jika Anda menggunakan nilai non-standar, Chrome tidak akan kembali ke
heuristik. Karena hal ini mencegah Isi Otomatis berfungsi dengan benar, hindari atribut Isi Otomatis non-standar.
Karena spesifikasi HTML tidak memiliki nilai nama fonetik khusus, developer dapat membiarkan atribut ini tidak ada atau menyetelnya ke nama reguler yang sesuai:
- Nama lengkap fonetik:
autocomplete="name" - Nama keluarga fonetik:
autocomplete="family-name" - Nama depan fonetik:
autocomplete="given-name"
Atribut label dan nama
Karena nilai autocomplete standar berlaku untuk nama reguler dan fonetik, Chrome mengandalkan teks name dan <label> kolom untuk membedakannya.
Tabel berikut mencantumkan string dan karakter valid yang digunakan parser Chrome untuk mengidentifikasi kolom fonetik:
| Jenis Kolom | Nama Kolom yang Valid | Label Kolom yang Valid |
|---|---|---|
| Nama lengkap fonetik | full-name-phonetic セイメイ せいめい |
セイメイ せいめい |
| Nama keluarga fonetik | family-name-phonetic セイ せい |
セイ せい 姓ふりがな |
| Nama depan fonetik | given-name-phonetic Nama panggilan (furigana) |
メイ めい 名ふりがな |
Contoh praktik terbaik
Untuk memberikan pengalaman yang baik, susun formulir Anda menggunakan label yang jelas dan nama pengganti yang deskriptif:
<form>
<!-- Full phonetic name -->
<label for="phonetic-full">セイメイ</label>
<input id="phonetic-full" name="full-name-phonetic" type="text"/>
<!-- Family phonetic name -->
<label for="phonetic-family">セイ</label>
<input id="phonetic-family" name="family-name-phonetic" type="text"/>
<!-- Given phonetic name -->
<label for="phonetic-given">メイ</label>
<input id="phonetic-given" name="given-name-phonetic" type="text"/>
</form>
Cara Chrome menentukan katakana atau hiragana
Isi Otomatis Chrome dapat secara otomatis mentransliterasi dan mengisi Katakana atau Hiragana berdasarkan kebutuhan formulir Anda.
Chrome memeriksa label kolom (bukan namanya) untuk memutuskan skrip mana yang akan digunakan:
- Jika label berisi setidaknya satu karakter Katakana, Chrome akan mengisi kolom dengan Katakana.
- Jika tidak, Chrome akan menggunakan Hiragana secara default.
| Label Kolom | Skrip karakter terisi |
|---|---|
| セイメイ (Katakana) | Katakana |
| せいめい (Hiragana) | Hiragana |
| Nama lengkap fonetik (Inggris) | Hiragana |
| セイメイせいめい (Campuran) | Katakana |
Men-debug isi otomatis fonetik
Anda dapat menguji cara fitur Isi Otomatis Chrome menangani nama fonetik Jepang menggunakan situs demo di CodePen: Lihat Demo di CodePen
Anda dapat memverifikasi apakah Chrome mengidentifikasi kolom Anda dengan benar menggunakan Chrome DevTools:
- Buka halaman Anda dan buka panel DevTools.
- Buka alat Isi Otomatis (tersedia di menu Fitur Lainnya).
- Memicu pengisian formulir.
- Alat ini harus mengklasifikasikan kolom fonetik sebagai Nama lengkap alternatif, Nama keluarga alternatif, atau Nama depan alternatif.
Cara pengguna dapat menyiapkan nama fonetik di Chrome
Meskipun postingan ini ditujukan terutama untuk developer, memahami cara pengguna menyiapkan profil fonetik mereka dapat membantu Anda menguji formulir.
- Buka setelan Chrome dengan membuka
chrome://settings/addresses(atauchrome://settings/contactInfodi beberapa versi). - Pilih menu tiga titik di samping kontak atau alamat, lalu klik Edit.
- Masukkan Nama fonetik (Furigana) di kolom yang tersedia.
Chrome menyimpan profil fonetik ini, yang memungkinkan pengguna mengisi otomatis formulir tanpa mengetik ulang. Jika pengguna memiliki nama fonetik yang disimpan, Chrome akan mencoba menerapkannya setiap kali mendeteksi kolom yang sesuai (misalnya, menggunakan atribut atau heuristik standar).
Membantu Chrome memisahkan nama dengan benar
Chrome secara otomatis memisahkan nama lengkap Jepang menjadi nama keluarga dan nama depan, tetapi proses ini tidak selalu mudah. Meskipun Chrome memiliki mekanisme bawaan untuk mempelajari dan meningkatkan kualitas pembagian ini dari waktu ke waktu, pengguna dapat memastikan akurasi secara manual dengan memasukkan pemisah dalam kolom Nama atau Nama fonetik di setelan Isi Otomatis Chrome (chrome://settings/addresses). Chrome mengenali karakter berikut sebagai pembatas:
-(Tanda hubung)・(Titik Tengah Katakana)·(Titik Tengah)-
(Spasi Ideografis) - Ruang standar
Meskipun Anda dapat memasukkan nama fonetik dalam skrip apa pun, Chrome secara default akan menampilkannya dalam Hiragana di UI setelan (sesuai dengan perilaku standar Google Kontak).
Bagi developer, meskipun pembatas manual membantu Chrome mengurai input satu kolom, cara paling andal untuk memastikan Chrome menangani nama dengan benar adalah dengan menghilangkan ambiguitas. Jika memungkinkan, desain formulir Anda dengan input terpisah untuk
nama keluarga dan nama depan (menggunakan atribut pelengkapan otomatis family-name dan given-name).
Meningkatkan pengalaman Isi Otomatis
Dengan memungkinkan pengisian formulir yang lebih cepat dan akurat, Isi Otomatis menciptakan perjalanan yang lebih lancar bagi pengguna dan membantu organisasi mengurangi pengabaian formulir. Untuk mempelajari lebih lanjut praktik terbaik dan cara membuat formulir Anda sepenuhnya kompatibel dengan Isi Otomatis, pelajari referensi komprehensif.