Bootstrap：提交按钮的语义化样式是什么？

Question

3

最近，官方Bootstrap文档终于明确规定了其按钮样式的语义目的：

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

Success 表示成功或积极的操作

Danger 表示危险或潜在的负面操作

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

由于需要确定要分配给表单按钮的Bootstrap样式，因此不能基于预定义的颜色进行选择，而是要基于样式的含义进行选择。

对于重置按钮，选择“danger”样式似乎非常完美。

class="btn btn-danger"

那提交按钮呢？在网页表单的提交按钮中，“primary”和“success”哪一个更符合语义要求？

- Demis Palma ツ

2

如果是一些积极的操作，例如创建或更新某些内容，我更倾向于使用成功提示；如果是用于举报用户的按钮，我更喜欢使用警告提示；而如果这个按钮会删除一些内容，我则会使用危险提示。 - julianstark999

3个回答

0

成功是最棒的，因为绿色代表着继续。通常使用原色作为确定按钮。希望你能找到答案。

- CodingFriend

-1

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

如果您的网站颜色类似于Facebook，则应该选择与网站主题颜色相匹配的主要颜色。但是，如果您的网站颜色类似于Google+，那么可能更适合使用Bootstrap危险按钮。

如果您想突出显示一个按钮，则可以相应地选择颜色，例如，如果我在其他地方使用了主要颜色，则会选择警告按钮来突出显示操作。

它们只是有颜色的按钮，不要考虑它们的成功或危险等等。希望这有所帮助。

- user6542823

2

我不同意。如果它们只是有颜色的按钮，它们应该被命名为btn-green、btn-blue等。OP在谈论语义学。 - user6490459

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- a_good_swan · Accepted Answer

其实这只是个口味问题，但我认为“Success”更适合用于“提交”或“完成”操作，而“Primary”则暗示它触发了主要操作——例如“打印”或“下一步”。希望这能有所帮助。