Mengaktifkan Pelengkapan Otomatis
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Selain menyesuaikan warna, font, atau gaya link di Control Panel,
tampilan dan nuansa serta perilaku perangkat dapat terpengaruh
kotak penelusuran
melalui atribut HTML khusus.
Tindakan ini memungkinkan Anda mengganti beberapa setelan umum dari Control Panel.
Alat ini sangat berguna ketika Anda menginginkan satu kotak penelusuran (misalnya, satu kotak penelusuran di halaman beranda)
untuk berperilaku berbeda dari
yang lain di situs.
Misalnya, Anda dapat mengaktifkan atau menonaktifkan fitur pelengkapan otomatis menggunakan
Atribut enableAutoComplete. Secara {i>default<i},
itu diatur ke
true jika pelengkapan otomatis diaktifkan di Panel Kontrol. Menurut
mengalihkan nilai ke false, Anda dapat mengontrol cara elemen
berperilaku.
<!-- Masukkan ID Programmable Search Engine Anda di sini -->
<script async src="https://cse.google.com/cse.js?cx=017643444788069204610:4gvhea_mvga"></script>
<!-- Coba alihkan nilai atribut ke "true" atau "false" -->
<div class="gcse-search" enableAutoComplete="true"></div>
Catatan: Pelengkapan otomatis yang baru diaktifkan atau ditambahkan mungkin membutuhkan waktu beberapa jam untuk muncul.
Ada banyak opsi lainnya yang tersedia. Anda dapat membaca tentang kotak penelusuran lainnya
opsi penyesuaian di
Bagian Programmable Search Element Control API.
Untuk informasi selengkapnya tentang Pelengkapan otomatis, lihat artikel Pusat Bantuan tentang Pelengkapan Otomatis.
Berikutnya...
Lanjutkan ke Menyesuaikan hasil penelusuran.
Kecuali dinyatakan lain, konten di halaman ini dilisensikan berdasarkan Lisensi Creative Commons Attribution 4.0, sedangkan contoh kode dilisensikan berdasarkan Lisensi Apache 2.0. Untuk mengetahui informasi selengkapnya, lihat Kebijakan Situs Google Developers. Java adalah merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-25 UTC.
[null,null,["Terakhir diperbarui pada 2025-07-25 UTC."],[[["\u003cp\u003eCustomize the search box's look, feel, and behavior using custom HTML attributes, overriding general Control Panel settings.\u003c/p\u003e\n"],["\u003cp\u003eControl individual search boxes differently, like enabling or disabling autocomplete for specific instances using the \u003ccode\u003eenableAutoComplete\u003c/code\u003e attribute.\u003c/p\u003e\n"],["\u003cp\u003eExplore additional search box customization options in the Programmable Search Element Control API documentation.\u003c/p\u003e\n"],["\u003cp\u003eNewly enabled or added autocompletions may require several hours to become visible.\u003c/p\u003e\n"],["\u003cp\u003eLearn more about Autocompletions in the dedicated Help Center article.\u003c/p\u003e\n"]]],[],null,["# Enabling Autocomplete\n\nApart from customizing colors, fonts or link style in the [Control Panel](https://programmablesearchengine.google.com),\nit is possible to influence the look and feel and the behavior of\nthe search box via custom HTML attributes.\n\nThis allows you to override some of the general settings from Control Panel.\nIt is especially useful when you want one search box (e.g. one on the homepage)\nto behave differently than other ones on the site.\nFor example, you can enable or disable autocomplete feature using\n`enableAutoComplete` attribute. By default, it is set to\n`true` if autocomplete is enabled in the Control Panel. By\nswitching the value to `false` you can control how the element\nbehaves. \n\\\u003c!-- Insert your own Programmable Search Engine ID here --\\\u003e \\\u003cscript async src=\"https://cse.google.com/cse.js?cx=017643444788069204610:4gvhea_mvga\"\\\u003e\\\u003c/script\\\u003e \\\u003c!-- Try switching the attribute value to \"true\" or \"false\" --\\\u003e \n\n \u003cdiv class=\"gcse-search\" enableAutoComplete=\"true\"\u003e\u003c/div\u003e\n\nNote: Newly enabled or added autocompletions may take several hours to appear.\n\nThere are many more options available. You can read about other search box\ncustomization options in\n[Programmable Search Element Control API](/custom-search/docs/element#supported_attributes) section.\n\nFor more information on Autocompletions, please see the [Help Center article](https://support.google.com/programmable-search/answer/2631081) on Autocomplete.\n\nNext...\n-------\n\nContinue to [Customizing search results](/custom-search/docs/tutorial/customizingresults)."]]
