Form元件引數配置
阿新 • • 發佈:2020-10-21
# 定製模板中的顯示樣式,及配置類 # widget=widgets.PasswordInput(attrs={'class': 'form-control'}) # 錯誤資訊中文顯示 error_messages={'min_length': '太短了小夥子'} class MyForm(forms.Form): # 校驗這個欄位,最大長度是32,最小長度是3 name = forms.CharField(required=False, max_length=32, min_length=3, label='使用者名稱', widget=widgets.TextInput(attrs={'class': 'form-control'}), error_messages={'min_length': '太短了小夥子'}) password = forms.CharField(required=False, max_length=32, min_length=3, label='密碼', widget=widgets.PasswordInput(attrs={'class': 'form-control'}), error_messages={'min_length': '太短了小夥子'}) re_password = forms.CharField(required=False, max_length=32, min_length=3, label='確認密碼', widget=widgets.PasswordInput(attrs={'class': 'form-control'}), error_messages={'min_length': '太短了小夥子'}) email= forms.EmailField(label='郵箱', error_messages={'required': '小惠子,這個必填'}, widget=widgets.TextInput(attrs={'class': 'form-control'})) age = forms.IntegerField(max_value=200, min_value=0, label='年齡', widget=widgets.TextInput(attrs={'class': 'form-control'})) text = forms.CharField(label='個人簡介', widget=widgets.Textarea(attrs={'class': 'form-control'})) date = forms.CharField(label='出生日期', widget=widgets.DateInput(attrs={'class': 'form-control'}))
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css"> <title>Title</title> </head> <body> <hr> <div class="container-fluid"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <h1>半自動渲染模板3(用的最多)</h1> <form action="" method="post" novalidate> {% for foo in form %} <div class="form-group"> <label for="">{{ foo.label }}</label> {{ foo }} <span class="text-danger pull-right">{{ foo.errors }}</span> </div> {% endfor %} <div class="text-center"> <input type="submit" value="提交" class="btn btn-danger"> <span class="text-primary">{{ err }}</span> </div> </form> </div> </div> </div> </body> </html>