자동 완성 사용
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
제어판에서 색상, 글꼴 또는 링크 스타일을 맞춤설정하는 것 외에도
모델의 디자인과 동작에 영향을 줄 수 있으며
맞춤 HTML 속성을 통해
검색창을 열 수 있습니다.
이렇게 하면 제어판의 일부 일반 설정을 재정의할 수 있습니다.
검색창을 한 개만 사용하고자 할 때 (예: 홈페이지에 하나) 특히 유용합니다.
사이트의 다른 사용자와 다르게 작동합니다.
예를 들어, 자동 완성 기능을 사용하거나 사용하지 않도록 설정하려면
enableAutoComplete 속성 기본적으로
제어판에서 자동 완성이 사용 설정된 경우 true 작성자:
값을 false로 전환하면 요소가 표시되는 방식을 제어할 수 있습니다.
확인할 수 있습니다
<!-- 프로그래밍 검색 엔진 ID 삽입 -->
<script async src="https://cse.google.com/cse.js?cx=017643444788069204610:4gvhea_mvga"></script>
<!-- 속성 값을 'true'로 전환해 보세요. 또는 'false'입니다. -->
<div class="gcse-search" enableAutoComplete="true"></div>
참고: 새로 사용 설정되거나 추가된 자동 완성이 표시되려면 몇 시간이 걸릴 수 있습니다.
더 많은 옵션을 사용할 수 있습니다. 다른 검색창에 관해 읽어볼 수 있습니다.
맞춤설정 옵션을
<ph type="x-smartling-placeholder"></ph>
Programmable Search Element Control API 섹션을 참조하세요.
자동 완성에 대한 자세한 내용은 자동 완성에 대한 고객센터 도움말을 참조하세요.
다음...
검색 결과 맞춤설정으로 이동합니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-07-25(UTC)
[null,null,["최종 업데이트: 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)."]]
