提交按钮 Bulma - HTML

简介

Bulma是一个现代化的CSS框架，随着现代化的设计趋势自然流畅，同时也兼容所有的浏览器，包括IE10+。

使用Bulma可以十分方便地实现各种常见的HTML元素和页面组件，其中包括提交按钮。

实现

Bulma中提交按钮的类名为button is-primary is-medium，其中is-primary表示按钮的主题颜色为蓝色，可以通过更换相应颜色的类名实现不同主题颜色的按钮；is-medium表示按钮的大小为中等。另外，在form标签中添加method="post"可以实现将表单数据以POST方式提交给指定页面。

下面是一个示例代码片段：

<form method="post" action="/submit">
  <!-- 表单元素 -->
  <button class="button is-primary is-medium" type="submit">提交</button>
</form>

效果展示

下面是一个使用Bulma实现的提交按钮的效果展示：

总结

使用Bulma实现提交按钮非常简单，只需使用button is-primary等类名即可快速实现带有主题颜色的提交按钮，并且还可以通过添加size属性实现不同大小的按钮。