关于自动完成

您可以配置“自动完成”的各个区域，以控制生成启用自动完成的搜索表单以及文件autocomplete_data.js，它作为启用自动完成的搜索表单的一部分包含在内。

关于自动完成

每次“自动完成设置”页面已保存更改时，文件autocomplete_data.js将重新生成并发布到搜索内容网络。

配置自动完成

您可以配置和设置选项，以控制生成启用自动完成的搜索表单和文件。

配置自动完成后，可以视图生成的HTML源以供审阅。 HTML源是您复制并粘贴到网站页面中的内容。

请参阅预览搜索表单在您的表单上的显示效果……。

请参阅配置自动完成Word列表。

请参阅配置自动完成CSS。

配置自动完成

  1. 在产品菜单中，单击​Design > Auto-Complete > Auto-Complete Setup。

  2. 在Auto-Complete Setup页面上，设置所需的选项。

    另请参阅预览搜索表单在您的表单上的显示效果……。

    选项

    描述

    最大建议数

    指定要在自动完成建议列表中显示的最大项目数。

    最小输入字符数

    指定客户在自动完成搜索表单显示建议之前必须键入的字符数。

    最大缓存条目数

    指定之前请求自动完成建议在客户的浏览器中缓存的最大数量。 通常，应将此设置保留为默认值1000。

    虽然可以通过将此选项设置为0来完全禁用浏览器缓存，但不建议这样做。

    表单名称

    指定启用自动完成的搜索表单的“表单”标记的“name”属性。 例如：

    <form name="SiteSearch" method="get" action="https://sp1004337c.guided.t1.atomz.com" target="_blank">

    其中 SiteSearch 是表单标记的name属性。

    Div标签ID

    指定启用自动完成的搜索表单的“div”标记的ID属性。 例如：

    <div id="autocomplete">

    其中 autocomplete 是div标签的属性。

    输入标记ID

    指定启用自动完成的搜索表单的“输入”标记的ID属性。 例如：

    <input type="text" id="q" name="q" />

    其中 q 是输入标记的id属性。

    显示阴影

    向自动完成建议列表添加外观投影。

    仅在短语开头匹配

    仅建议与输入文本开头匹配的结果。

    支持UTF-8字符集

    正确处理非ASCII字符。

  3. 单击 Save Changes.

  4. （可选）执行下列操作之一：

配置自动完成Word列表

配置自动完成作为建议显示给客户的词和短语的列表。

请参阅配置自动完成。

请参阅配置自动完成CSS。

配置自动完成Word列表

  1. 在产品菜单中，单击​Design > Auto-Complete > Auto-Complete Word List。

  2. 在Auto-Complete Word List页面上，设置所需的选项。

    请参阅预览搜索表单在您的表单上的显示效果……。

    选项

    描述

    热门搜索期

    控制包含客户最近搜索中的词语和短语的时间段。

    最大搜索数

    控制要包含在自动完成单词列表中的搜索单词和短语的最大数量。 其中包含最受欢迎的顶级词语和短语。

    字段名称

    每个字段名称定义一个要包含索引值的字段的名称。 使用+和——可添加或删除字段名称。

    最大值计数

    定义所选字段名称允许的字段值的最大计数。 其中包括顶部值，也是引用最多的值。

    添加这些单词和短语

    自动完成单词列表会填充此区域中列出的单词和短语。

    单击编辑查看列表或向列表添加单词和短语。 完成后，单击保存更改。

    删除这些单词和短语

    此区域中的条目不会显示在自动完成单词列表中。

    单击编辑查看列表或向列表添加单词和短语。 完成后，单击保存更改。

    此列表中允许使用常规表达式。 要在此列表中指定常规表达式，请将行开始为regexp，后跟一个空格，后跟常规表达式。 单词列表中与常规表达式匹配的任何行都将被删除。

    重要说明:仅当您以前在其他应用程序中使用过常规表达式时，才应使用它们。

    请参阅常规表达式。

    忽略大小写

    自动完成单词重复中仅按大小写字母不同的列表项被删除；所有单词列表项都强制为小写。

    如果希望“自动完成”建议显示为“大写字母首字母”或“全部大写”，请添加 text-transform : capitalize; 或 自动完成CSS内容的 text-transform : uppercase; CSS文本属性，位于结果项的“/*样式”下。

    请参阅配置自动完成CSS 。

    重新索引时更新

    每次成功重新索引帐户后，将自动重新生成自动完成单词列表。

  3. 单击 Save Changes.

  4. （可选）执行下列任一操作：

    • 单击​History​以还原您所做的任何更改。

    • 单击​Preview Word List​以保存您所做的任何更改，然后打开Auto-Complete Word List Preview页面，在该页面中可以查看自动完成建议列表。 使用页面顶部附近的导航选项来查看和细化显示的列表。 完成后，单击​Close​返回至Auto-Complete Word List页面。

      请参阅使用历史记录选项。

    • 单击 Live.

      请参阅查看实时设置。

    • 单击 Push Live.

      请参阅实时推送舞台设置。

配置自动完成CSS

使用自动完成CSS配置要使用的自动完成层叠样式表。

自动完成CSS控制autocomplete_styles.css的内容，该内容包含在已启用自动完成的搜索表单中。 您在此处指定的CSS控制自动完成建议列表的可视演示。 有关可能的可视化演示构思的示例，请参阅以下内容：

https://developer.yahoo.com/yui/examples/autocomplete/ac_skinning.html。

配置自动完成Word列表。

配置自动完成。

配置完自动完成CSS后，您可以预览搜索表单，查看您指定的CSS在外观和布局中是否可接受。

请参阅预览搜索表单在您的表单上的显示效果……。

重要说明:要应用自定义自动完成CSS，您需要从HTML代码中显示的第二行中删除注释标记。然后，将同一行移动到包含搜索表单的页面的标题部分内。

请参阅将搜索表单的HTML代码复制到……。

配置自动完成CSS

  1. 在产品菜单中，单击​Design > Auto-Complete > Auto-Complete CSS。

  2. 在Auto-Complete CSS文本字段中，粘贴或键入要与自动完成建议列表关联的级联样式表信息。

  3. 单击 Save Changes.

  4. （可选）执行下列任一操作：

预览搜索表单在网站中的显示方式

根据“自动完成”和“自动完成CSS”的配置，如果要将HTML代码添加到网站，您可以预览搜索表单的显示方式。

请参阅配置自动完成。

请参阅配置自动完成CSS。

请参阅将搜索表单的HTML代码复制到……。

请参阅在搜索表单中使用集合。

请参阅使用带有表单的帧。

请参阅高级搜索表单示例。

请参阅高级搜索表单HTML代码。

请参阅高级搜索表单模板代码。

预览搜索表单，使其像在您的网站上一样显示

  1. 在产品菜单中，单击​Design > Auto-Complete > Search Form。
  2. （可选）单击​HTML code​可查看复制并粘贴到网站页面中的HTML。

将搜索表单的HTML代码复制到网站的页面

根据“自动完成”和“自动完成CSS”的配置，如果要将HTML代码添加到网站，您可以预览搜索表单的显示方式。

请参阅配置自动完成。

请参阅配置自动完成CSS。

请参阅将搜索表单的HTML代码复制到……。

请参阅在搜索表单中使用集合。

请参阅使用带有表单的帧。

请参阅高级搜索表单示例。

请参阅高级搜索表单HTML代码。

请参阅高级搜索表单模板代码。

将搜索表单的HTML代码复制到网站的页面

  1. 在产品菜单中，单击​Design > Auto-Complete > Form Source。

    注意

    请勿更改表单源中的form name=值。

  2. （可选）执行下列任一操作：

    • 如果您配置了自动完成CSS并希望样式应用于搜索表单，请从HTML代码中显示的第二行中删除注释标签。 然后，将同一行移动到包含搜索表单的页面的标题部分内。
    • 为获得最佳性能，请移动HTML代码底部列出的标记，并将它们放置在包含搜索表单的每个页面的正文部分的底部。

  3. 复制代码并将其粘贴到您希望显示搜索表单的网站的网页中。

在此页面上