註冊頁面 使用form模組搭建

基於django的form模組，快速的搭建註冊頁面，每個限制條件，都放在form模組裡面，不單獨對每一項編寫標籤，使用模版的 for 迴圈來渲染。

在blogs模組下建立乙個blogs_form.py檔案

注意一點，需要引用django模組下的forms模組，還有widgets模組，widget是設定input的型別，比如textinput文字框，passwordinput密碼框，emailinput郵箱框等等，這些好處就不用對其做判斷，是否符合郵箱的匹配條件，forms模組就幫忙做了。

attrs：新增input的屬性和屬性值，key-value 形式，我想在class新增form-control（bootstrap的樣式），使用 attrs= 

1

from django import forms
2from django.forms import widgets34
class userform(forms.form):
5     user = forms.charfield(max_length=32,
6                            label="
使用者名稱"
,7                            widget=widgets.textinput(attrs=))
8     pwd = forms.charfield(max_length=32,
9                           label="密碼"
,10                           widget=widgets.passwordinput(attrs=))
11     re_pwd = forms.charfield(max_length=32,
12                              label="
確認密碼",
13                              widget=widgets.passwordinput(attrs=))
14     email = forms.emailfield(max_length=32,
15                              label="郵箱"
,16                              widget=widgets.emailinput(attrs=))

建立forms物件，直接返回。

記得引入剛剛寫的userform到view中。

from .blog_form import userform

def register(request):
form = userform()
return render(request, "register.html", locals())

新增路徑，將url路徑和view中的register函式，關聯起來。

path("register/", views.register)

首先，使用bootstrap將布局搭建好，把

vue註冊頁面

使用者註冊 left arrow click left dot 頁面的主體css樣式 login login head 新使用者註冊 p 手機號 class inp v model mobile right icon graphic 密碼框 placeholder 密碼 class inp v mo...

註冊頁面聯絡

收藏本站 a span span class action a href 登入 a a href 註冊 a a href 我的訂單 a a href vip 會員俱樂部 a a href 客戶服務 a span div div div class content div class box div ...

HTML 表單標籤form及註冊頁面原始碼

表單標籤 用來盛放給使用者輸入資訊的標籤的空間 method 傳遞引數的方式 get post target 指向的視窗 blank self enctype 傳遞的使用者引數進行編碼 multipart form data 對位元組流檔案進行編碼,支援檔案上傳的功能 輸入標籤 input 屬性 a...