1. 程式人生 > >form元件-欄位

form元件-欄位

Form類

建立Form類時,主要涉及到 【欄位】 和 【外掛】,欄位用於對使用者請求資料的驗證,外掛用於自動生成HTML

1、Django內建欄位如下:

  1 Field
  2     required=True,               是否允許為空
  3     widget=None,                 HTML外掛(from django.forms import widgets) 設定屬性:widget=forms.TextInput(attrs={'class': 'c1'}),
  4 
  5     label=None,                  用於生成Label標籤或顯示內容(前端obj.label--> 使用者名稱:【】(輸入框))
6 initial=None, 初始值 7 help_text='', 幫助資訊(在標籤旁邊顯示) 8 error_messages=None, 錯誤資訊 {'required': '不能為空', 'invalid': '格式錯誤'} 9 show_hidden_initial=False, 是否在當前外掛後面再加一個隱藏的且具有預設值的外掛(可用於檢驗兩次輸入是否一直) 10 validators=[], 自定義驗證規則(正則表示式)
11 localize=False, 是否支援本地化(比如時間資料,當地時間,UTC時間(比如東八區,自動加8小時)) 12 disabled=False, 是否可以編輯 13 label_suffix=None Label內容字尾 14 15 16 CharField(Field) 字串欄位, 用於較短的字串.CharField 要求必須有一個引數 maxlength, 用於從資料庫層和Django校驗層限制該欄位所允許的最大字元數. 17 max_length=None, 最大長度
18 min_length=None, 最小長度 19 strip=True 是否移除使用者輸入空白 20 21 IntegerField(Field) 用於儲存一個整數 22 max_value=None, 最大值 23 min_value=None, 最小值 24 25 FloatField(IntegerField) 26 一個浮點數. 必須 提供兩個引數: 27 # 引數 描述 28 # max_digits 總位數(不包括小數點和符號) 29 # decimal_places 小數位數 30 # 舉例來說, 要儲存最大值為 100 (小數點後儲存2位),你要這樣定義欄位: 31 # 32 # models.FloatField(..., max_digits=5, decimal_places=2) 33 # 要儲存最大值一百萬(小數點後儲存10位)的話,你要這樣定義: 34 # 35 # models.FloatField(..., max_digits=19, decimal_places=10) 36 ... 37 38 DecimalField(IntegerField) 39 max_value=None, 最大值 40 min_value=None, 最小值 41 max_digits=None, 總長度 42 decimal_places=None, 小數位長度 43 44 BaseTemporalField(Field) 45 input_formats=None 時間格式化 46 47 DateField(BaseTemporalField) 格式:2015-09-01 48 49 TimeField(BaseTemporalField) 格式:11:12 50 DateTimeField(BaseTemporalField)格式:2015-09-01 11:12 51 52 DurationField(Field) 時間間隔:%d %H:%M:%S.%f 53 ... 54 55 RegexField(CharField) 56 regex, 自定製正則表示式 57 max_length=None, 最大長度 58 min_length=None, 最小長度 59 error_message=None, 忽略,錯誤資訊使用 error_messages={'invalid': '...'} 60 61 EmailField(CharField) 62 ... 63 64 FileField(Field) 65 allow_empty_file=False 是否允許空檔案 66 67 ImageField(FileField) 68 ... 69 注:需要PIL模組,pip3 install Pillow 70 以上兩個字典使用時,需要注意兩點: 71 - form表單中 enctype="multipart/form-data" 72 - view函式中 obj = MyForm(request.POST, request.FILES) 73 74 URLField(Field) 75 # 用於儲存 URL. 若 verify_exists 引數為 True (預設), 給定的 URL 會預先檢查是否存在( 即URL是否被有效裝入且 76 # 沒有返回404響應). 77 ... 78 79 80 BooleanField(Field) 81 ... 82 83 NullBooleanField(BooleanField) 84 # A true/false field. admin 用 checkbox 來表示此類欄位. 85 ... 86 87 ChoiceField(Field) 88 ... 89 choices=(), 選項,如:choices = ((0,'上海'),(1,'北京'),) 90 required=True, 是否必填 91 widget=None, 外掛,預設select外掛 92 label=None, Label內容 93 initial=None, 初始值 94 help_text='', 幫助提示 95 96 97 ModelChoiceField(ChoiceField) 98 ... django.forms.models.ModelChoiceField 99 queryset, # 查詢資料庫中的資料(寫model方法,該方法會在前端顯示object,需要去對應的model寫__str__) 100 empty_label="---------", # 預設空顯示內容(比如下拉框第一行顯示"請選擇") 101 to_field_name=None, # HTML中value的值對應的欄位(注意是標籤中的value<option>) 102 limit_choices_to=None # ModelForm中對queryset二次篩選 103 104 ModelMultipleChoiceField(ModelChoiceField) 105 ... django.forms.models.ModelMultipleChoiceField 106 107 108 109 TypedChoiceField(ChoiceField) 110 coerce = lambda val: val 對選中的值進行一次轉換(通常choice欄位後端會受到字串,如"1",但此處可以轉化 比如int) 111 empty_value= '' 空值的預設值 112 113 MultipleChoiceField(ChoiceField) 114 ... 115 116 TypedMultipleChoiceField(MultipleChoiceField) 117 coerce = lambda val: val 對選中的每一個值進行一次轉換 118 empty_value= '' 空值的預設值 119 120 ComboField(Field) 121 fields=() 使用多個驗證,如下:即驗證最大長度20,又驗證郵箱格式 122 fields.ComboField(fields=[fields.CharField(max_length=20), fields.EmailField(),]) 123 124 MultiValueField(Field) 125 PS: 抽象類,子類中可以實現聚合多個字典去匹配一個值,要配合MultiWidget使用 126 127 SplitDateTimeField(MultiValueField) 128 input_date_formats=None, 格式列表:['%Y--%m--%d', '%m%d/%Y', '%m/%d/%y'] 129 input_time_formats=None 格式列表:['%H:%M:%S', '%H:%M:%S.%f', '%H:%M'] 130 131 FilePathField(ChoiceField) 檔案選項,目錄下檔案顯示在頁面中 132 path, 資料夾路徑 133 match=None, 正則匹配 134 recursive=False, 遞迴下面的資料夾 135 allow_files=True, 允許檔案 136 allow_folders=False, 允許資料夾 137 required=True, 138 widget=None, 139 label=None, 140 initial=None, 141 help_text='' 142 143 GenericIPAddressField 144 protocol='both', both,ipv4,ipv6支援的IP格式 145 unpack_ipv4=False 解析ipv4地址,如果是::ffff:192.0.2.1時候,可解析為192.0.2.1, PS:protocol必須為both才能啟用 146 147 SlugField(CharField) 數字,字母,下劃線,減號(連字元)(只能包含這些) 148 ... 149 150 UUIDField(CharField) uuid型別 151 ...

2.例項:

 1 from django.shortcuts import render,redirect
 2 from django.forms import widgets
 3 # Create your views here.
 4 from django import forms
 5 from django.forms import fields
 6 from app02.models import UserIn
 7 from app02 import models
 8 
 9 class TestForm(forms.Form):
10     user=fields.CharField(
11         required=True,#是否必填
12         max_length=16,#最大長度
13         min_length=6,#最小長度
14         error_messages={},#錯誤提示
15         # lable='使用者名稱',
16         initial='請輸入使用者名稱',
17         help_text='asasdasd',
18         show_hidden_initial=False,
19         # widget=widgets.Textarea(),
20         label='使用者名稱',
21         # disabled=True,
22         # label_suffix=':',
23     )
24 
25     age=fields.IntegerField(
26         label='年齡',
27         max_value=20,
28         min_value=12,
29         error_messages={
30             'max_value':'太長了',
31             'min_value': '太短了',
32         }
33     )
34     email=fields.EmailField(
35         label='郵箱',
36     )
37     img=fields.FileField()
38     #下拉框
39     city=fields.ChoiceField(
40         choices=[(1,'北京'),(2,'上海'),(3,'深圳')],
41         initial=2,
42     )
43     #多選框
44     hobby=fields.MultipleChoiceField(
45         choices=[(1,'籃球'),(2,'唱歌'),('3','高爾夫')],
46         initial=[1,2]#多選
47     )
48 
49 
50 def test(request):
51     if request.method=='GET':
52         obb=TestForm()
53         return render(request,'test.html',{'obb':obb})
54     else:
55         obb=TestForm(request.POST,request.FILES)
56         obb.is_valid()
57         print(obb.cleaned_data)
58         return render(request,'test.html',{"obb":obb})
59            
View Code

3.Django內建外掛:

 1 TextInput(Input)
 2 NumberInput(TextInput)
 3 EmailInput(TextInput)
 4 URLInput(TextInput)
 5 PasswordInput(TextInput)
 6 HiddenInput(TextInput)
 7 Textarea(Widget)
 8 DateInput(DateTimeBaseInput)
 9 DateTimeInput(DateTimeBaseInput)
10 TimeInput(DateTimeBaseInput)
11 CheckboxInput
12 Select
13 NullBooleanSelect
14 SelectMultiple
15 RadioSelect
16 CheckboxSelectMultiple
17 FileInput
18 ClearableFileInput
19 MultipleHiddenInput
20 SplitDateTimeWidget
21 SplitHiddenDateTimeWidget
22 SelectDateWidget

4.常用選擇外掛

 1 # 單radio,值為字串
 2 # user = fields.CharField(
 3 #     initial=2,
 4 #     widget=widgets.RadioSelect(choices=((1,'上海'),(2,'北京'),))
 5 # )
 6  
 7 # 單radio,值為字串
 8 # user = fields.ChoiceField(
 9 #     choices=((1, '上海'), (2, '北京'),),
10 #     initial=2,
11 #     widget=widgets.RadioSelect
12 # )
13  
14 # 單select,值為字串
15 # user = fields.CharField(
16 #     initial=2,
17 #     widget=widgets.Select(choices=((1,'上海'),(2,'北京'),))
18 # )
19  
20 # 單select,值為字串
21 # user = fields.ChoiceField(
22 #     choices=((1, '上海'), (2, '北京'),),
23 #     initial=2,
24 #     widget=widgets.Select
25 # )
26  
27 # 多選select,值為列表
28 # user = fields.MultipleChoiceField(
29 #     choices=((1,'上海'),(2,'北京'),),
30 #     initial=[1,],
31 #     widget=widgets.SelectMultiple
32 # )
33  
34  
35 # 單checkbox
36 # user = fields.CharField(
37 #     widget=widgets.CheckboxInput()
38 # )
39  
40  
41 # 多選checkbox,值為列表
42 # user = fields.MultipleChoiceField(
43 #     initial=[2, ],
44 #     choices=((1, '上海'), (2, '北京'),),
45 #     widget=widgets.CheckboxSelectMultiple
46 # )