Flask注册表单开发：如何用render_field添加placeholder和required属性

你现有代码的问题是直接将required作为位置参数传入render_field，该方法需要接收关键字参数对应HTML属性，因此只需调整为键值对格式即可生效。

方法1：直接修改模板代码 #

将你现有模板中的代码修改为如下形式即可：

<div class="form-group">
  <label>id</label>
  {{ render_field(form.id_number, required=True, placeholder="enter id", class_ = "form-control") }}
</div>

方法2：在表单类中统一配置（更推荐） #

如果该字段在所有渲染场景下都需要上述属性，可以直接在WTForms表单类的字段定义中配置，不需要每次渲染时重复传参，示例代码如下：

from wtforms import Form, StringField
from wtforms.validators import InputRequired

class RegisterForm(Form):
    # 其他字段定义省略
    id_number = StringField(
        'id',
        # 后端必填校验，避免前端属性被用户绕过
        validators=[InputRequired(message="id不能为空")],
        # 统一配置渲染时自带的HTML属性
        render_kw={"placeholder": "enter id", "required": True, "class": "form-control"}
    )

配置完成后，模板里只需写{{ render_field(form.id_number) }}即可自动带上所有配置的属性。

注意事项 #

前端的required属性仅做基础校验，用户可以通过修改浏览器页面代码绕过，必须搭配后端的InputRequired验证器才能保证必填规则生效。

内容的提问来源于stack exchange，提问作者Roy