通过form表单向服务端发送数据

表单元素

表单：form></form>表单用于向服务器传输数据。另外一种向服务端传输数据的方式为ajax。

form属性：

action:提交表单地址，默认当前页面

method:提交表单的方法，常用的两种方法：get、post

enctype：文件传输的方式

文本输入框：<input type="text" >

密码输入框：<input type="password">

单选框：<input type="radio">

多选框：<input type="checkbox">

文件框：<input type="file">

下拉框：

文本框：<textarea></textarea>

提交按钮：<input type="submit">

重置按钮：<input type="reset">

普通按钮：<input type="button">

属性详解

name: 表单提交项的键.注意和id属性的区别：name属性是和服务器通信时使用的名称；而id属性是浏览器端使用的名称，该属性主要是

为了方便客户端编程，而在css和javascript中使用的。

value两种用处：

第一种表单提交项的值

第二种设置值 

readonly: 只读. text 和 password

disabled: 不可用，对所用input都好使.

placeholder:设置隐文本

提交按钮背景为图片：<input type="submit" src="图片路径">

radio 和 checkbox 默认被选中:checked="checked"

下拉框实现默认：selected="selected"

访问本机下的8080开启的服务

实现简单的表单

要实现数据提交给服务端

注意：

指定表单处理地址，与请求方法。

所有需要用户选择，输入的标签，如文本框，密码框，文件输入框等都需要加上name属性。

如果有文件上传：加上enctype属性。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form action="http://127.0.0.1:8080/index.html" method="get" enctype="multipart/form-data">

<p>文本框：<input type="text" name="username" placeholder="姓名"></p>

<p>密码框：<input type="password" name="passwd" placeholder=" 密码"></p>

<p>单选框：男<input type="radio" name="gender" value="men">女<input type="radio" name="gender" value="women"></p>

<p>复选框：音乐<input type="checkbox" name="hobby" value="music">电影<input type="checkbox" name="hobby" value="movice"></p>

<p>文件输入框：<input type="file" name="file"></p>

<p>下拉输入项：

<select name="生日">

    <option value=""></option>

    <option value=""></option>

    <option value=""></option>

</select>

</p>

<p>提交按钮：<input type="submit"></p>

<p>重置按钮：<input type="reset"></p>

</form>

</body>

</html>

向服务端发送数据

添加url

path('index.html/',views.index)

添加处理函数

def index(request):

    print request.POST

    print request.GET

    print request.FILES

    for item in request.FILES:

        fileObj = request.FILES.get(item)

        f = open(fileObj.name, 'wb')

        iter_file = fileObj.chunks()

        for line in iter_file:

            f.write(line)

        f.close()

    return HttpResponse('注册成功')

开启服务端

提交表单

Diango之通过form表单向服务端发送数据的更多相关文章

借助form表单向web服务器发送消息
form表单是常用的,在网页浏览器中用户点击的请求经htto协议发送回web容器,请求处理建立用户的页面 <!DOCTYPE html> <html> <head&g ...
Java Socket 服务端发送数据客户端接收数据
服务端: package com.thinkgem.wlw.modules.api.test.socket; /** * @Author: zhouhe * @Date: 2019/4/8 9:30 ...
Query通过Ajax向PHP服务端发送请求并返回JSON数据
Query通过Ajax向PHP服务端发送请求并返回JSON数据服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并操作JSON数据.本文将通过实例演示了jQuer ...
客户端通过HTTP协议与服务端交换数据
客户端(包括浏览器)通过HTTP协议与服务端交换数据的描述发起请求 header 键值对中的key大小写不敏感 Accept: application/json Content-Type: ...
https单向认证服务端发送到客户端到底会不会加密？
最近向大神请教了CA认证单向认证和双向认证的问题,有一点不太明白,单向认证的时候,为什么服务端发送到客户端的东西也是加密的?
jQuery通过Ajax向PHP服务端发送请求并返回JSON数据
SON(JavaScript Object Notation) 是一种轻量级的数据交换格式.易于人阅读和编写,同时也易于机器解析和生成.JSON在前后台交互的过程中发挥着相当出色的作用.请接着往下看教 ...
基于NIO的同步非阻塞编程完整案例,客户端发送请求,服务端获取数据并返回给客户端数据,客户端获取返回数据
这块还是挺复杂的,挺难理解,但是多练几遍,多看看研究研究其实也就那样,就是一个Selector轮询的过程,这里想要双向通信,客户端和服务端都需要一个Selector,并一直轮询, 直接贴代码: Ser ...
java Socket Tcp示例三则（服务端处理数据、上传文件）
示例一: package cn.itcast.net.p5.tcptest; import java.io.BufferedReader;import java.io.IOException;impo ...
socket小程序写一个客户端，实现给服务端发送hello World字符串，将客户端发送的数据变成大写后返回
写一个客户端,实现给服务端发送hello World字符串,将客户端发送的数据变成大写后返回本机id是192.168.xx.xy 服务端 import socket soc = socket.soc ...

随机推荐

不能够连接到主机（名称为localhost）上的MySQL服务”
不能够连接到主机(名称为localhost)上的MySQL服务” -如果是服务未启动.那么就右键‘计算机’---->管理--->服务和应用程序---->服务,在右侧的栏目中找到名称为 ...
Ubuntu16.04配置Tomcat的80端口访问
[问题描述] 在阿里云 ECS 服务器 Ubuntu16.04 下部署 Java Web 应用时,发现配置的 Tomcat 服务启动后 80 端口无法被监听. [问题原因] 出现该问题的主要原因是:非 ...
Oracle11g 新功能
本文来源:<oacle11g 从入门到精通> 明日科技 Oracle11g 新功能 1:增强信息生命周期管理和储存管理能力 2:全面回忆数据变化 3:最大限度提高信息可用性 4:Oracl ...
Confluence 6 恢复一个空间
你可以导出一个空间 – 包括页面,评论和附件到一个压缩的 XML 文件中,可选的你可以在 XML 文件中包括所有空间使用的附件.希望导入空间到其他的 Confluence 站点中,请按照下面的方法进行 ...
java 关键字transient
http://www.cnblogs.com/lanxuezaipiao/p/3369962.html 1. transient的作用及使用方法我们都知道一个对象只要实现了Serilizable接口 ...
cf1143E 倍增好题！
一开始感觉用莫队可以搞一下,但是看了题解才发现这题其实是倍增套路题把排列转换成nxt数组,然后倍增dp[i][j]表示第i个数后面有(1<<j)个数的最靠左的区间然后从右往左扫一次即可 ...
Git使用四：查看工作状态和历史提交
查看当前的工作状态:git status On branch master:现在位于master分支里面nothing to commit, working tree clean:没有需要提交的文件, ...
Fiddler抓包2-只抓APP的请求
前言 fiddler抓手机app的请求,估计大部分都会,但是如何只抓来自app的请求呢? 把来自pc的请求过滤掉,因为请求太多,这样会找不到重要的信息了. 环境准备: 1.电脑上已装fiddler 2 ...
使用vue-cli 引入bootstrap.min.css文件报错
可以在index.html 里面引入boostrap.min.css文件将bootstrap.min.css文件放置于static/css/文件夹中然后再index.html文件中引入便可 < ...
JDK1.8 JVM参数配置
JAVA_OPTS=" -server #服务器模式 -Xmx4g #JVM最大允许分配的堆内存,按需分配 -Xms4g #JVM初始分配的堆内存,一般和Xmx配置成一样以避免每次gc后JV ...

Diango之通过form表单向服务端发送数据