79 使用WTForms渲染模版 · Flask notebook

# 79 使用WTForms渲染模版 form還可以渲染模板 ## 創建一個SettingsForm類 ```text class SettingsForm(Form): username = StringField("用戶名",validators=[InputRequired()]) age = IntegerField("年齡",validators=[NumberRange(0,100)]) remember = BooleanField("記住") tags = SelectField("標簽",choices=[("1","python"),("2","java"),("3","c++")]) ``` 可以通過form對象調用一些方法，將表單寫好 ```text myapp.py form = SettingsForm() return render_template("settings.html",form=form) settings.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .username-input{ background-color: red; } </style> </head> <body> <form action="" method="post"> <table> <tbody> <tr> <td>{{ form.username.label }}</td> {# <td><input type="text" name="username"/></td>#} <td>{{ form.username(class="username-input") }}</td> </tr> <tr> <td>{{ form.age.label }}</td> <td>{{ form.age() }}</td> </tr> <tr> <td>{{ form.remember.label }}</td> <td>{{ form.remember() }}</td> </tr> <tr> <td>{{ form.tags.label }}</td> <td>{{ form.tags() }}</td> </tr> <tr> <td></td> <td><input type="submit" value="提交"/></td> </tr> </tbody> </table> </form> </body> </html> ```