Ativar o preenchimento automático
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Além de personalizar cores, fontes ou estilos de links no Painel de Controle,
é possível influenciar a aparência e o comportamento
na caixa de pesquisa por meio de atributos HTML personalizados.
Com isso, é possível substituir algumas das configurações gerais do painel de controle.
Ele é especialmente útil quando você quer uma caixa de pesquisa (por exemplo, uma na página inicial)
de se comportarem de maneira diferente dos outros no site.
Por exemplo, você pode ativar ou desativar o recurso de preenchimento automático usando
enableAutoComplete
. Por padrão, ele é definido como
true
se o preenchimento automático estiver ativado no painel de controle. De
Ao mudar o valor para false
, você pode controlar como o elemento
se comporta.
<!-- Insira seu próprio ID do Mecanismo de Pesquisa Programável aqui -->
<script async src="https://cse.google.com/cse.js?cx=017643444788069204610:4gvhea_mvga"></script>
<!-- Tente alterar o valor do atributo para "true" ou "falso" -->
<div class="gcse-search" enableAutoComplete="true"></div>
Observação: os preenchimentos automáticos ativados ou adicionados recentemente podem levar várias horas para aparecer.
Há muitas outras opções disponíveis. Você pode ler sobre outras caixas de pesquisa
opções de personalização no
seção da API Programmable Search Element Control.
Para mais informações sobre o preenchimento automático, consulte o artigo da Central de Ajuda sobre o preenchimento automático.
Próxima etapa...
Prossiga para a seção Como personalizar os resultados da pesquisa.
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2025-07-25 UTC.
[null,null,["Última atualização 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)."]]