[本主题是预发行文档，有可能会有所更改。]
搜索组件允许用户在网站上输入查询和查找信息。 它对于用户需要快速查找相关信息的内容繁重的网站特别有用。
重要提示
- 这是一项预览功能。
- 预览功能不适合生产使用且功能可能受限。 这些功能在正式发布之前已经可用，以便客户可以抢先体验并提供反馈。
- 由 AI 提供支持的搜索组件仅在启用了生成式 AI 搜索的网站上可用。
如何添加搜索组件
要将搜索组件插入到页面中，请执行以下操作：
- 打开设计工作室，编辑页面的内容和组件。
- 选择要编辑的页面。
- 选择要向其中添加搜索的部分。
- 将鼠标悬停在可编辑的画布区域上，然后从组件面板中选择搜索。
搜索栏
搜索栏允许用户输入他们的查询。
| 属性 | Description |
|---|---|
| 内联显示搜索结果 | 确定结果摘要是显示在同一页面上还是重定向到专用的搜索结果页。 |
| 占位符文本 | 在用户输入提示之前在搜索栏中显示的文本（例如，“您要搜索什么？”）。 |
搜索摘要
搜索摘要部分显示从网站检索到的相关内容的 AI 生成的摘要。
| 属性 | Description |
|---|---|
| 标题文本 | AI 生成的搜索摘要上方显示的标题。 |
添加搜索结果页
创建网站时会自动预配默认搜索结果页面，但此页面在“页面”工作区中不可见。 因此，它不能直接定制。 如果需要创建自定义搜索结果页面，请按照以下步骤操作：
- 打开设计工作室。
- 选择 + 页面打开页面创建对话。
- 选择页面底部的其他添加页面方式。
- 输入页面名称。
- 选择搜索标准页面布局。
- 选择添加。
备注
一个网站一次只能有一个搜索结果页面。 添加新的搜索布局页面将替换现有页面。
要还原或重新分配上一个搜索结果页面，请执行以下操作：
- 打开管理应用。
- 转到站点标记。
- 打开所选网站的搜索站点标记。
- 更新要用作搜索结果页面的页面。
搜索结果
仅当在指定的“搜索结果”页面上使用“搜索”组件时，此部分才可用。
| 属性 | Description |
|---|---|
| 标题文本 | 匹配搜索结果的完整列表上方显示的标题。 |
已知问题
使用搜索标准页面布局创建新的搜索结果页时，旧搜索控件会短暂显示，直到页面完全加载。 若要解决此问题，请从标题 web 模板中删除以下代码段。
<section class="page_section {{ section_class | h }} color-inverse">
<div class="row sectionBlockLayout sectionFixedStyle" style="display: flex; flex-wrap: wrap; text-align: center;">
<div class="container" style="display: flex; flex-wrap: wrap;">
<div class="col-lg-12 columnBlockLayout" style="display: flex; flex-direction: column; justify-content: center;">
{% if current_page == sr_page %}
<h1 id="mainContent">{% editable snippets 'Search/Title' default: resx["Discover_Contoso"] %}</h1>
{% include 'Search' search_id:'search_control' %}
{% endif %}
</div>
</div>
</div>
</section>