Bật tính năng Tự động hoàn thành
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Ngoài việc tuỳ chỉnh màu sắc, phông chữ hoặc kiểu liên kết trong Bảng điều khiển,
có thể tác động đến giao diện và hành vi của
hộp tìm kiếm thông qua thuộc tính HTML tuỳ chỉnh.
Thao tác này cho phép bạn ghi đè một số cài đặt chung từ Bảng điều khiển.
Hộp tìm kiếm này đặc biệt hữu ích khi bạn muốn có một hộp tìm kiếm (ví dụ: một hộp trên trang chủ)
hoạt động khác với các trang web khác.
Ví dụ: bạn có thể bật hoặc tắt tính năng tự động hoàn thành bằng cách sử dụng
Thuộc tính enableAutoComplete. Theo mặc định, chế độ cài đặt này được đặt thành
true nếu tính năng tự động hoàn thành được bật trong Bảng điều khiển. Theo
khi chuyển giá trị thành false, bạn có thể kiểm soát cách phần tử
của riêng bạn.
<!-- Chèn Mã công cụ tìm kiếm có thể lập trình của riêng bạn tại đây -->
<script async src="https://cse.google.com/cse.js?cx=017643444788069204610:4gvhea_mvga"></script>
<!-- Hãy thử chuyển giá trị thuộc tính thành "true" hoặc "false" -->
<div class="gcse-search" enableAutoComplete="true"></div>
Lưu ý: Các cụm từ tự động hoàn thành mới bật hoặc thêm có thể mất vài giờ để xuất hiện.
Có nhiều lựa chọn khác. Bạn có thể đọc về hộp tìm kiếm khác
các tuỳ chọn tuỳ chỉnh trong
Programmable Search Element Control API (API Điều khiển phần tử tìm kiếm có thể lập trình).
Để biết thêm thông tin về Tự động hoàn thành, vui lòng xem bài viết trong Trung tâm trợ giúp về Tự động hoàn thành.
Tiếp theo...
Tiếp tục Tuỳ chỉnh kết quả tìm kiếm.
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2025-07-25 UTC.
[null,null,["Cập nhật lần gần đây nhất: 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)."]]
