资讯专栏INFORMATION COLUMN

HTML 表单

chenatu / 2563人阅读

摘要:创建一个简单的项目用来接受表单的数据创建一个简单的项目用来接受表单的数据先切换到要保存项目的目录中,这里需要根据自己安装目录填写修改配置在修改修改配置,在修改在同级创建文件夹并在该目录下创建内容如下在同级创

创建一个简单的 Django 项目 app01 用来接受 form 表单的数据
# 先切换到要保存项目的目录中,这里 django-admin.py 需要根据自己安装目录填写 
python  D:Python3.5Libsite-packagesdjangobindjango-admin.py startproject app01

修改 templates 配置,在 settings.py 修改
        "DIRS": [os.path.join(BASE_DIR, "templates/").replace("", "/")],


在 manage.py 同级创建文件夹 templates,并在该目录下创建 index.html,内容如下:



    
    Title


hello worlds

用户名:

密码:

性别: 男:

女:

爱好: 乒乓球

羽毛球

创建 views.py 用于处理请求,内容如下:
from django.shortcuts import render

def klvchen(req):
    print("前端数据: ", req.GET)

    return render(req, "index.html")

修改 urls.py 添加路由配置
from django.contrib import admin
from django.urls import path
from app01 import views

urlpatterns = [
    path("admin/", admin.site.urls),
    path("klvchen/", views.klvchen),
]

打开 PyCharm 的 Terminal 使用 runserver 命令启动 web 服务
cd F:python_scriptDjiangoapp01 
python manage.py runserver 8090


浏览器访问 http://127.0.0.1:8090/klvchen/

填入信息,点击 "submit"

提交后可以在浏览器上看到提交的参数


http://127.0.0.1:8090/klvchen/?username=klvchen&passwd=123456&sex=0&hobby=pingong&hobby=yumaoqiu

同时在 PyCharm 上也看到控制台输出的提交信息


以 POST 方式提交表单数据

修改 index.html 内容,把 method 方式由 get 修改成 post

修改 views.py

from django.shortcuts import render

def klvchen(req):
    print("前端数据: ", req.POST)

    return render(req, "index.html")

因为涉及到安全问题,修改 settings.py 注销掉下面这段

    #"django.middleware.csrf.CsrfViewMiddleware",

重新访问,提交表单


method: 表单的提交方式有两种: post/get ,默认取值为 get,它们的区别为
get: 1.提交的键值对.放在地址栏中url后面. 2.安全性相对较差. 3.对提交内容的长度有限制.
post: 1.提交的键值对 不在地址栏. 2.安全性相对较高. 3.对提交内容的长度理论上无限制.

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1406.html

相关文章

  • 【译】HTML表单指南---第一个HTML表单

    摘要:一个表单由一或多个部件组成,这些部件可以是文本框单行或多行选择框按钮复选框或单选按钮。在我们的示例里,一个文本框中用了该属性的默认值,该值表示一个基本的单行文本框,用于接收无控制或验证的任何文本。 前言 这个系列译自mdn上的一份表单指南,原文详尽阐述了表单相关的基础知识。而表单作为一个经典的页面交互方式,是每个前端工程师绕不开的话题,通过翻译这个系列的文章既是有助于扫清自己的知识盲区...

    yearsj 评论0 收藏0
  • JavaScript 表单脚本

    摘要:文本框获得焦点时,选中其中所有的文本思路利用焦点事件事件,在文本框获得焦点时,利用其方法选中所有文本。自动切换焦点思路利用事件检测用户输入新字符后,文本框内的字符串是否已经达到最大长度,若达到最大长度,则将焦点切换至下一个文本框。 JavaScript 表单脚本 通过 document.forms 可以获得一个包含当前页面中所有表单的集合 HTMLFormElement 接口 下面是这...

    PrototypeZ 评论0 收藏0
  • Flask Web Development —— Web表单(上)

    摘要:每个表单域都可以连接到一个或多个是一个用于检查用户提交的输入是否合法的函数。表单域构造函数的第一个参数是一个,在渲染表单到时会使用。验证确保提交的表单域不为空。表单域验证都是直接从包中导入。表格展示了一组支持的标准表单域。 第二章中介绍的request对象公开了所有客户端发送的请求信息。特别是request.form可以访问POST请求提交的表单数据。 尽管Flask的request...

    CODING 评论0 收藏0
  • HTMl基础

    摘要:每个表格均有若干行由标签定义,每行被分割为若干单元格由标签定义。字母指表格数据,即数据单元格的内容。数据单元格可以包含文本图片列表段落表单水平线表格等等。表格最重要的目的是显示表格类数据。规定在提交表单时所用的方法默认。 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STRE...

    番茄西红柿 评论0 收藏0
  • HTML表单元素及CSS

    摘要:表单一介绍标签表示为表单,表单元素是允许用户在表单中输入内容。属性值被提交表单的类型二表单组件组件一般被定义在表单中标签中标签表示输入框,为空标签。属性,属性规定要显示的元素的类型。冒号表示分隔符,分号表示结束符。 表单 一、介绍 标签表示为表单,表单元素是允许用户在表单中输入内容。 属性:action-提交表单的地址 Method-提交表单的方式。属性值:get/post ...

    MyFaith 评论0 收藏0
  • HTML表单元素及CSS

    摘要:表单一介绍标签表示为表单,表单元素是允许用户在表单中输入内容。属性值被提交表单的类型二表单组件组件一般被定义在表单中标签中标签表示输入框,为空标签。属性,属性规定要显示的元素的类型。冒号表示分隔符,分号表示结束符。 表单 一、介绍 标签表示为表单,表单元素是允许用户在表单中输入内容。 属性:action-提交表单的地址 Method-提交表单的方式。属性值:get/post ...

    jayzou 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<