編寫(xiě)Django的form表單，非常類似我們?cè)谀Ｐ拖到y(tǒng)里編寫(xiě)一個(gè)模型。在模型中，一個(gè)字段代表數(shù)據(jù)表的一列，而form表單中的一個(gè)字段代表<form>中的一個(gè)<input>元素。
一，forms組件：
校驗(yàn)字段功能
針對(duì)一個(gè)實(shí)例：注冊(cè)用戶講解。
模型：models.py
class UserInfo(models.Model): name=models.CharField(max_length=32) pwd=models.CharField(max_length=32) email=models.EmailField() tel=models.CharField(max_length=32)
模板: register.html:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form action="" method="post"> {% csrf_token %} <div> <label for="user">用戶名</label> <p><input type="text" name="name" id="name"></p> </div> <div> <label for="pwd">密碼</label> <p><input type="password" name="pwd" id="pwd"></p> </div> <div> <label for="r_pwd">確認(rèn)密碼</label> <p><input type="password" name="r_pwd" id="r_pwd"></p> </div> <div> <label for="email">郵箱</label> <p><input type="text" name="email" id="email"></p> </div> <input type="submit"></form></body></html>視圖函數(shù)：register
# forms組件from django.forms import widgetswid_01=widgets.TextInput(attrs={"class":"form-control"})wid_02=widgets.PasswordInput(attrs={"class":"form-control"})class UserForm(forms.Form): name=forms.CharField(max_length=32, widget=wid_01 ) pwd=forms.CharField(max_length=32,widget=wid_02) r_pwd=forms.CharField(max_length=32,widget=wid_02) email=forms.EmailField(widget=wid_01) tel=forms.CharField(max_length=32,widget=wid_01)def register(request): if request.method=="POST": form=UserForm(request.POST) if form.is_valid(): print(form.cleaned_data) # 所有干凈的字段以及對(duì)應(yīng)的值 else: print(form.cleaned_data) # print(form.errors) # ErrorDict : {"校驗(yàn)錯(cuò)誤的字段":["錯(cuò)誤信息",]} print(form.errors.get("name")) # ErrorList ["錯(cuò)誤信息",] return HttpResponse("OK") form=UserForm() return render(request,"register.html",locals())1，渲染標(biāo)簽功能
渲染方式1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" rel="external nofollow" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"></head><body><h3>注冊(cè)頁(yè)面</h3><div class="container"> <div class="row"> <div class="col-md-6 col-lg-offset-3"> <form action="" method="post"> {% csrf_token %} <div> <label for="">用戶名</label> {{ form.name }} </div> <div> <label for="">密碼</label> {{ form.pwd }} </div> <div> <label for="">確認(rèn)密碼</label> {{ form.r_pwd }} </div> <div> <label for=""> 郵箱</label> {{ form.email }} </div> <input type="submit" class="btn btn-default pull-right"> </form> </div> </div></div></body></html>
新聞熱點(diǎn)
疑難解答
圖片精選
