📅  最后修改于: 2023-12-03 15:25:57.625000             🧑  作者: Mango
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
属性实现不同大小的按钮。