使用插件和不使用插件实现select的框

   # 1、select框单选
# 方式1
select1 = fields.ChoiceField(
choices=[
(1,"select框方式1_1"),
(2,"select框方式1_2"),
(3,"select框方式1_3")
],
initial=1,
label="select框方式1",
label_suffix="--->",
widget=widgets.Select
)
# 方式2
select2 = fields.CharField(
initial=1,
label="select框方式2",
label_suffix="--->",
widget=widgets.Select(
choices=[
(1, "select框方式2_1"),
(2, "select框方式2_2"),
(3, "select框方式2_3")
]
)
)
# select框多选
# 方式3
select3 = fields.CharField(
initial=[1,2],
label="select框方式3",
label_suffix="--->",
widget=widgets.SelectMultiple(
choices=[
(1, "select框方式3_1"),
(2, "select框方式3_2"),
(3, "select框方式3_3")
]
)
) # 方式4
select4 = fields.MultipleChoiceField(
initial=[1,2],
label="select框方式4",
label_suffix="--->",
choices=[
(1, "select框方式4_1"),
(2, "select框方式4_2"),
(3, "select框方式4_3")
]
)
#2、Radio框
# 方式1
radio1 = fields.CharField(
initial=1,
label="Radio框方式1",
label_suffix="--->",
widget=widgets.RadioSelect(
choices=[
(1, "Radio框方式1_1"),
(2, "Radio框方式1_2"),
(3, "Radio框方式1_3")
]
)
)
# 方式2
radio2 = fields.ChoiceField(
initial=1,
label="Radio框方式2",
label_suffix="--->",
choices=[
(1, "Radio框方式2_1"),
(2, "Radio框方式2_2"),
(3, "Radio框方式2_3")
],
widget=widgets.RadioSelect
)
#3、checkbox框
# 方式1
check1 = fields.ChoiceField(
choices=[
(1, "checkbox框框方式1_1"),
(2, "checkbox框框方式1_2"),
(3, "checkbox框框方式1_3")
],
initial=[1,2],
label_suffix="--->",
label="checkbox框方式1",
widget=widgets.CheckboxSelectMultiple
) # 方式2 check2 = fields.CharField(
initial=[1,2],
label="checkbox框方式2",
label_suffix="--->",
widget=widgets.CheckboxSelectMultiple(
choices=[
(1, "checkbox框框方式2_1"),
(2, "checkbox框框方式2_2"),
(3, "checkbox框框方式2_3")
],
) )

  

页面效果

上一篇:HTML5、CSS3与响应式Web设计入门(2)


下一篇:【01】《响应式Web设计:HTML5和CSS3实战》