Bootstrap：提交按钮在语义上最合适的样式是什么？答案

【问题标题】：Bootstrap: what's semantically the most appropriate style for submit buttons?Bootstrap：提交按钮在语义上最合适的样式是什么？
【发布时间】：2017-06-07 19:32:29
【问题描述】：

最近official Bootstrap documentation 终于给出了关于其按钮样式的语义目的的明确规范：

主要提供额外的视觉重量并在一组按钮中识别主要操作

成功表示成功或积极的行动

危险表示危险或潜在的负面行为

我编写了一个 RAD 框架，用于快速创建 Web 表单。它基于 Bootstrap 并被第三方在不同网站上使用，每个网站都有自己的自定义配色方案/变化，相应的颜色不一定是蓝色和绿色，而是根据网站的风格或目标用户文化中颜色的含义。

必须确定分配给表单按钮的引导样式，我不能根据它们预定义的颜色进行选择，而是根据样式含义来选择。

重置按钮的选择很简单，“危险”风格看起来很完美。

class="btn btn-danger"

但是提交按钮呢？ “主要”和“成功”之间的哪个语义最适合 Web 表单的提交按钮？

【问题讨论】：

如果这是一个积极的行动，例如创建或更新我喜欢成功的东西。如果是报告用户的按钮，我更喜欢警告，如果按钮删除了我使用危险的内容

标签： css twitter-bootstrap

【解决方案1】：

这并不重要，这是一个品味问题，但我会说“成功”更适合“提交”或“完成”操作 - 而“主要”表明它会触发主要操作 - '例如“打印”或“下一步”。希望这有所帮助。

【讨论】：

【解决方案2】：

成功是最好的，因为绿色意味着继续。主要通常用于确定按钮。希望你能找到答案。

【讨论】：

【解决方案3】：

这完全取决于您的网站主题/颜色组合。对我来说，它们只是蓝色和绿色的按钮。

如果您的网站具有像 Facebook 这样的颜色，那么您可能应该选择与网站主题颜色相融合的原色。但如果您网站的颜色类似于 Google+，那么引导危险按钮可能会更合适。

如果您想突出显示按钮，请相应地选择颜色，例如，如果我在其他地方使用主要按钮，我将选择警告按钮来突出显示操作。

它们只是彩色按钮，不要从成功或危险或其他方面考虑它们。希望对您有所帮助。

【讨论】：

我不同意。如果它们只是彩色按钮，它们将被命名为 btn-green、btn-blue 等。OP 正在谈论语义。