from django.contrib import admin

from django.urls import path

from app01 import views

urlpatterns = [

    path('admin/', admin.site.urls),

    path('test/',views.test)   #测试form组件的路由

]

　　

from django.shortcuts import render

from django import forms     #使用form组件需要先导入forms

class UserInfo(forms.Form):     #创建一个form类

    username = forms.CharField(   #定义输入框标签username

        label='用户名'            #定义label,默认为字段名（username）

    )

    password = forms.CharField(

        label='密码',

        widget=forms.widgets.PasswordInput(attrs={'class':'c1'}),   #widget是forms的一个插件，让密码框密文显示

                                                                     #attrs={'class': 'c1'} 可以控制标签的属性

    )

    sex = forms.ChoiceField(     #定义选择框,默认生成单选下拉框

        choices=((1,'男'),(2,'女')),

        widget=forms.widgets.RadioSelect,   #通过插件设置成radio单选，可以控制标签的属性

        #widget=forms.widgets.Select,       #和默认相同（下拉选择）

    )

    hobby = forms.MultipleChoiceField(        #定义多选框，默认是下拉框多选

        choices=((1,'喝酒'),(1,'抽烟'),(3,'烫头')),

        widget=forms.CheckboxSelectMultiple   #通过插件设置成checkbox多选框

    )

    remember_me = forms.ChoiceField(    #定义记住密码选项

        label='记住密码',

        widget=forms.CheckboxInput      #使用插件

    )

    bday = forms.DateField(       #定义一个日期框，但是默认为type=text类型

        label='出版日期',

        widget=forms.DateInput(attrs={'type':'date'})    #设置成日期输入框

    )

def test(request):

    u_obj = UserInfo()    #实例化一个form对象

    return render(request,'test.html',{'u_obj': u_obj})  #将form对象渲染到前端模板

　　

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>test</title>

    <style>

        .c1{

            background-color: red;

        }

    </style>

</head>

<body>

    <form action="" method="post">

        {% csrf_token %}

        <div>

            {{ u_obj.username.label }}:{{ u_obj.username }}    {# 通过 “.” 调用，生成标签 #}

        </div>

        <div>

            {{ u_obj.password.label }}:{{ u_obj.password }}

        </div>

        <div>

            {{ u_obj.sex }}

        </div>

        <div>

            {{ u_obj.hobby }}

        </div>

        <div>

            {{ u_obj.remember_me }}{{ u_obj.remember_me.label }}

        </div>

        <div>

            {{ u_obj.bday }}{{ u_obj.bday.label }}

        </div>

        <div>

            <input type="submit" value="提交">

        </div>

    </form>

</body>

</html>

　　

Django的form组件基本使用——生成标签的更多相关文章

  1. Django之Form组件

    Django之Form组件 本节内容 基本使用 form中字段和插件 自定义验证规则 动态加载数据到form中 1. 基本使用 django中的Form组件有以下几个功能: 生成HTML标签 验证用户 ...

  2. Python之路【第二十一篇】：Django之Form组件

    Django之Form组件   Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 小试牛刀 1. ...

  3. 第十一篇：web之Django之Form组件

    Django之Form组件   Django之Form组件 本节内容 基本使用 form中字段和插件 自定义验证规则 动态加载数据到form中 1. 基本使用 django中的Form组件有以下几个功 ...

  4. python Django之Form组件

    python Django之Form组件 Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 小试 ...

  5. Django之Form组件(一)

    Django之Form组件(一) Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 基本操作:字 ...

  6. python框架之Django(10)-Form组件

    介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来.与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否输入,输入 ...

  7. 〖Python〗-- Django的Form组件

    [Django的Form组件] Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 Form类的使 ...

  8. django 使用form组件提交数据之form表单提交

    django的form组件可以减少后台在进行一些重复性的验证工作,极大降低开发效率. 最近遇到一个问题: 当使用form表单提交数据后,如果数据格式不符合后台定义的规则,需要重新在前端页面填写数据. ...

  9. web之Django之Form组件

    Django之Form组件 本节内容 基本使用 form中字段和插件 自定义验证规则 动态加载数据到form中 1. 基本使用 django中的Form组件有以下几个功能: 生成HTML标签 验证用户 ...

随机推荐

  1. 谈谈 C++ STL 中的迭代器

    C++中的迭代器和指针 在前面的内容中我们简单讲过,STL主要是由三部分组成 容器(container),包括vector,list,set,map等 泛型算法(generic algorithm), ...

  2. JSP的执行原理、JSP的内置对象、四大作用域解析、MVC模式理解>从零开始学JAVA系列

    目录 JSP的执行原理.JSP的内置对象.四大作用域解析.MVC模式理解 JSP的执行原理 这里拿一个小例子来解析JSP是如何被访问到的 首先将该项目部署到tomcat,并且通过tomcat启动 通过 ...

  3. 【NLP学习其四】如何构建自己用于训练的数据集？什么是词性标注？

    数据集与词性标注 数据集是NLP中的重要一环. 但是提到数据集,很多人的第一个想法可能是:"这玩意从网上下载就好了,不用管". 真的不用管?最开始我也是这么认为的 于是我直奔CoN ...

  4. C++ //运算符重载 +号

    1 #include <iostream> 2 #include <string> 3 using namespace std; 4 5 //1.成员函数重载 +号 6 cla ...

  5. Flutter 中的动画

    Flutter 中动画的创建有很多种, 需要根据具体的需求选择不同的动画.如果只是简单的布局等的动画直接使用最简单的隐式动画就可以了,因为隐式动画是由框架控制的,所以仅仅只需要更改变需要变化属性就可以 ...

  6. flink clickhouse-jdbc和flink-connector 写入数据到clickhouse因为jar包冲突导致的60 seconds.Please check if the requested resources are available in the YARN cluster和Could not resolve ResourceManager address akka报错血案

    一.问题现象,使用flink on yarn 模式,写入数据到clickhouse,但是在yarn 集群充足的情况下一直报:Deployment took more than 60 seconds. ...

  7. 害...原来阿里面试Redis最常问的是它呀

    一提到Redis缓存,我们不得不了解的三个问题就是:缓存雪崩.缓存击穿和缓存穿透.这三个问题一旦发生,会导致大量的请求直接请求到数据库层.如果并发压力大,就会导致数据库崩溃.那p0级的故障是没跑了. ...

  8. Linux 中的虚拟网络接口

    独立博客地址:https://ryan4yin.space/posts/linux-virtual-network-interfaces/ 本文用到的字符画工具:vscode-asciiflow2 L ...

  9. Redisson实战-BloomFilter

    1. 简介 布隆过滤器是防止缓存穿透的方案之一.布隆过滤器主要是解决大规模数据下不需要精确过滤的业务场景,如检查垃圾邮件地址,爬虫URL地址去重, 解决缓存穿透问题等. 布隆过滤器:在一个存在一定数量 ...

  10. Solution of Cobertura Exception "touchJump" when Unit Test

    During unit test I encounter a "java.lang.NoSuchMethodError: net.sourceforge.cobertura.coverage ...