如何将引导样式应用于自动生成的表单

Question

使用beego渲染表单构建html表单 https://beego.me/docs/mvc/view/view.md#renderform

<button type="reset" (click)="onClear()">Clear</button>

这将正确呈现表单，但html格式不正确

我该怎么做才能添加bootstrap 4 sting

Answer 1

尝试将类标签添加到struct字段：

type User struct {
    Id    int         `form:"-"`
    Name  interface{} `form:"username" class:"form-control"`
    Age   int         `form:"age,text,age:" class:"form-control"`
    Sex   string
    Intro string      `form:",textarea" class:"form-control"`
}

<form action="" method="post">
    {{.Form | renderform}}
</form>

导出的函数RenderForm对结构的每个字段调用parseFormTag，并在返回（source code）中获取变量class。

parseFormTag从结构字段标记（source code）中的类标记中获得class。

RenderForm然后对该字段调用renderFormField，传入class。 renderFormField将class添加到字符串中，RenderForm最终将使用该字符串来创建表单（source code）的HTML。