本文详解如何在 go 中使用 html/template 渲染动态 html 页面，并通过模板变量（如布尔值）控制复选框（checkbox）的勾选状态，实现“提交后保持选中”的常见交互需求。
在 Go Web 开发中，html/template 是渲染服务端 HTML 的核心工具。它支持安全的变量插入、条件判断和循环，尤其适合处理表单状态（如 checkbox 是否勾选）。你提供的 index.html 存在两个关键问题：一是 <form> 标签语法错误（type="checkbox" 属于 <input>，不应出现在 <form> 上）；二是 checkbox 的勾选状态需通过 checked 属性控制，而 Go 模板中应使用 {{if .Checked}}checked{{end}} 或更简洁的 {{.Checked}}（配合布尔值 + checked 属性绑定）。
✅ 正确做法是：将 checkbox 的 checked 属性动态渲染为字符串 "checked"（当值为 true）或空字符串（当 false），并在 Go 处理请求时，将用户提交的状态存入模板数据。
以下是一个完整可运行的示例（基于标准 net/http，无需第三方框架）：
package main
import (
"html/template"
"net/http"
"strconv"
)
// 定义页面数据结构，便于类型安全
type PageData struct {
Checked bool
}
func handler(w http.ResponseWriter, r *http.Request) {
// 初始化默认状态：未勾选
data := PageData{Checked: false}
// 若为 POST 请求且含 test 参数，则更新状态
if r.Method == "POST" {
r.ParseForm()
// 获取表单中 name="test" 的值（复选框被勾选时才会提交）
checkedStr := r.FormValue("test")
data.Checked = (checkedStr == "A") // 只有勾选时才提交值 "A"
}
// 解析并执行模板
t, err := template.ParseFiles("index.html")
if err != nil {
http.Error(w, "Template error: "+err.Error(), http.StatusInternalServerError)
return
}
t.Execute(w, data)
}
func main() {
http.HandleFunc("/", handler)
println("Server starting on :8080...")
http.ListenAndServe(":8080", nil)
}对应修正后的 index.html（注意：使用 {{if .Checked}}checked{{end}} 更清晰安全）：
立即学习“前端免费学习笔记（深入）”；
<!DOCTYPE html>
<html>
<head><title>Checkbox Demo</title></head>
<body>
<h2>请选择：</h2>
<form method="POST">
<input type="checkbox" name="test" value="A" {{if .Checked}}checked{{end}}>
<label>A 选项</label><br>
<input type="submit" value="保存">
</form>
</body>
</html>? 关键说明：
- ✅ {{if .Checked}}checked{{end}} 是推荐写法：当 .Checked 为 true 时输出 checked 字符串，否则不输出任何内容，语义清晰且防 XSS（模板自动转义）；
- ❌ 不要写 value="A" {{.checked}}：.checked 若为布尔值会输出 true/false 字符串，而 HTML 中 checked="false" 仍会被浏览器视为已勾选（HTML 属性存在即生效）；
- ? <form action type="checkbox"> 是无效 HTML，action 应为 URL（可为空表示当前页），type 属性不属于 <form>；
- ? 使用 html/template 而非 text/template，它会自动转义输出，防止 XSS 攻击；
- ? 实际项目中建议将模板预编译（template.Must(template.ParseFiles(...))）并全局复用，提升性能。
总结：Go 的模板系统轻量但强大。掌握 {{if}}, {{.Field}}, 表单方法（r.FormValue）、以及布尔属性的正确渲染方式，就能稳健实现带状态的交互页面——无需前端 JS，纯服务端即可完成“提交后保持勾选”这一经典需求。
