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

Question

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

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

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

这会正确呈现表单，但 html 格式较差

我可以做些什么来添加引导程序 4 stlying

Answer 1

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

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，并在返回中获取变量class (source code)。

parseFormTag 从结构字段标签 (source code) 中的类标签中获取 class。

RenderForm 然后为该字段调用renderFormField，传入class。 renderFormField 将class 添加到字符串中，RenderForm 最终将使用该字符串为表单 (source code) 创建 HTML。