Bootstrap:语义上最适合提交按钮的样式是什么?

时间:2017-05-10 09:54:19

标签: css twitter-bootstrap

最近,official Bootstrap documentation终于明确规定了按钮样式的语义目的:

  

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

     

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

     

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

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

必须确定要分配给表单按钮的引导程序样式,我不能将我的选择基于其预定义的颜色,而是基于样式意义。

选择对于重置按钮来说很简单,因为"危险"风格似乎很完美。

class="btn btn-danger"

但提交按钮怎么样?哪一个"主要"和"成功" 语义最适合网络表单的提交按钮吗?

3 个答案:

答案 0 :(得分:0)

真的不重要,这是一个品味问题,但我会说“成功”和#39;成功'成功'成功'成功'更适合提交'或者'完成'行动 - 而小学'建议它触发主要行动 - '打印'或者'下一步'例如。希望这有所帮助。

答案 1 :(得分:0)

成功是最好的,因为绿色意味着继续。和primary通常用于okay按钮。希望你找到答案。

答案 2 :(得分:-1)

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

如果您的网站有像Facebook这样的颜色,那么您应该选择适合网站主题颜色的主要网站。但是,如果您网站的颜色与Google+相似,那么可能会有一个自助危险按钮更合适。

如果你想突出显示一个按钮,然后相应地选择一种颜色,就像我选择一个警告按钮来突出显示一个动作,如果我在其他地方使用主要颜色。

它们只是彩色按钮,不会在成功或危险等方面考虑它们。希望有所帮助。