Amazon Web Services 文档中描述的 Amazon Web Services 服务或功能可能因区域而异。要查看适用于中国区域的差异，请参阅 中国的 Amazon Web Services 服务入门 (PDF)。

crowd-button

表示某项操作的样式按钮。

请参阅在 CodePen 中使用此 Crowd HTML 元素的 HTML 模板的交互式示例。

以下是使用 <crowd-button> 元素的模板的示例。复制以下代码，并保存到具有 .html 扩展名的文件中。在任何浏览器中打开该文件，进行预览并与该模板进行交互。

属性

此元素支持以下属性。

disabled

一个布尔值开关，如果存在，将按钮显示为已禁用并防止点击。

form-action

一个开关，如果设置为“submit”，则提交其父 crowd-form 元素；如果设置为“reset”，则重置其父 <crowd-form> 元素。

href

指向在线资源的 URL。如果您需要样式为按钮的链接，则使用此属性。

icon

一个字符串，它指定按钮的文本旁边要显示的图标。该字符串必须是开源 iron-icons 集中的图标的名称（预加载）。例如，要插入搜索 iron-icon，请使用以下命令：

<crowd-button>
    <iron-icon icon="search"/>
</crowd-button>

该图标定位在文本的左侧或右侧，具体由 icon-align 属性指定。

要使用自定义图标，请参阅 icon-url。

icon-align

图标相对于按钮文本的左或右位置。默认为“左侧”。

icon-url

指向图标的自定义图像的 URL。可以使用自定义图像取代由 icon 属性指定的标准图标。

正在加载

一个布尔值开关，如果存在，将按钮显示为正处于加载状态。此属性优先于 disabled 属性（如果这两个属性都存在）。

target

当您使用 href 属性让按钮充当指向特定 URL 的超链接时，target 属性可选指向链接的 URL 应加载的框架或窗口。

variant

按钮的一般样式。对于主要按钮使用“primary”，对于辅助按钮使用“normal”，对于第三级按钮使用“link”，或者使用“icon”只显示无文本的图标。

元素层次结构

此元素具有以下父元素和子元素。

另请参阅

有关更多信息，请参阅下列内容。