表单-概述

 

HTML中的表单:

单纯从前端的html来讲,表单是用来提交数据给服务器的,无论后台的服务器用的是Django仍是PHP语言仍是其余语言。只要把input标签放在form标签中,而后再添加一个提交按钮,那么之后点击提交按钮,就能够将input标签中对应的值提交给服务器了。javascript

Django中的表单:

Django中的表单丰富了传统的HTML语言中的表单。在Django中的表单,主要作如下两件事:html

1.渲染表单模板。
2.表单验证数据是否合法。前端

Django中表单使用流程:

在讲解Django表单的具体每部分的细节以前。咱们首先先来看下总体的使用流程。这里以一个作一个留言板为例。首先咱们在后台服务器定义一个表单类,继承自django.forms.Form。示例代码以下:java

# forms.py
class MessageBoardForm(forms.Form):
    title = forms.CharField(max_length=3,label='标题',min_length=2,error_messages={"min_length":'标题字符段不符合要求!'})
    content = forms.CharField(widget=forms.Textarea,label='内容')
    email = forms.EmailField(label='邮箱')
    reply = forms.BooleanField(required=False,label='回复')


而后在视图中,根据是GET仍是POST请求来作相应的操做。若是是GET请求,那么返回一个空的表单,若是是POST请求,那么将提交上来的数据进行校验。示例代码以下:python

# views.py
class IndexView(View):
    def get(self,request):
        form = MessageBoardForm()
        return render(request,'index.html',{'form':form})

    def post(self,request):
        form = MessageBoardForm(request.POST)
        if form.is_valid():
            title = form.cleaned_data.get('title')
            content = form.cleaned_data.get('content')
            email = form.cleaned_data.get('email')
            reply = form.cleaned_data.get('reply')
            return HttpResponse('success')
        else:
            print(form.errors)
            return HttpResponse('fail')


在使用GET请求的时候,咱们传了一个form给模板,那么之后模板就可使用form来生成一个表单的html代码。在使用POST请求的时候,咱们根据前端上传上来的数据,构建一个新的表单,这个表单是用来验证数据是否合法的,若是数据都验证经过了,那么咱们能够经过cleaned_data来获取相应的数据。在模板中渲染表单的HTML代码以下:ios

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

        <tr>
            <td></td>
            <td><input type="submit" value="提交"></td>
        </tr>
    </table>
</form>


咱们在最外面给了一个form标签,而后在里面使用了table标签来进行美化,在使用form对象渲染的时候,使用的是table的方式,固然还可使用ul的方式(as_ul),也可使用p标签的方式(as_p),而且在后面咱们还加上了一个提交按钮。这样就能够生成一个表单了web

相关文章
相关标签/搜索