表单

功能/作用

用于向服务器发送数据,实现用户与web服务器的交互

form表单内的标签有

input

textarea

select

fieldset

label

form表单属性

accept-charset

  • 规定在被提交表单中使用的字符集(默认:页面字符集)。

action

  • 规定向何处提交表单的地址(URL)(提交页面)。

autocomplete

  • 规定浏览器应该自动完成表单(默认:开启)。

enctype

  • 规定被提交数据的编码(默认:url-encoded)。如果是上传文件需要将enctype="multipart/form-data"

method

  • 规定在提交表单时所用的 HTTP 方法(默认:GET)。

name

  • 规定识别表单的名称(对于 DOM 使用:document.forms.name)。

novalidate

  • 规定浏览器不验证表单。

target

  • 规定 action 属性中地址的目标(默认:_self)。

input

type

  • 文本text
  • 密码框password
  • 日期输入框date
  • 复选框checkbox
  • redio单选框
  • 提交按钮submit
  • 重置按钮reset
  • 普通按钮button
  • 隐藏输入框hidden
  • 文本选择框file

name

  • 相当于表单提交后的数据的key值

value

  • 相当于表单提交后的数据的value值
  • 当input为各种按钮时,就是按钮上的值
  • 当input为各种输入框时,就是输入框内的值
  • 当input为checkbox复选框、redio单选框、file文件框时,上传时就是你为其设置的值,默认为on

checked

  • radio和checkbox为默认选择的框

readonly

  • 只读,text和password表示文本框可以看不能修改

disable

  • 设置框为禁用,所有input都可以用

select下拉选择框

multiple

  • 设置后下拉框可多选

disabled

  • 禁用

selected

  • 默认选择的内容

value

  • 定义提交时的值

option

  • 下拉框的选项

label

为input标签定义标注——描述信息

  • 无用

textarea,多行文本框

rows

  • 行数

cols

  • 每一行的字符数——列数

disabled

  • 警用

基本概念

from django.conf.urls import url
from django.shortcuts import HttpResponse


def upload(request):
  print("request.GET:", request.GET)
  print("request.POST:", request.POST)

  if request.FILES:
    filename = request.FILES["file"].name
    with open(filename, 'wb') as f:
      for chunk in request.FILES['file'].chunks():
        f.write(chunk)
      return HttpResponse('上传成功')
  return HttpResponse("收到了!")

urlpatterns = [
  url(r'^upload/', upload),
]

Django接收上传文件代码

HTML表单是HTML元素中较为复杂的部分,表单往往和脚本、动态页面、数据处理等功能相结合,因此它是制作动态网站很重要的内容。

表单一般用来收集用户的输入信息

表单工作原理:

访问者在浏览有表单的网页时,可填写必需的信息,然后按某个按钮提交。这些信息通过Internet传送到服务器上。

服务器上专门的程序对这些数据进行处理,如果有错误会返回错误信息,并要求纠正错误。当数据完整无误后,服务器反馈一个输入完成的信息。

02-11 03:58