当前位置： 移动技术网 > IT编程>网页制作>CSS > HTML 表单

HTML 表单

2018年12月25日  | 移动技术网IT编程  | 我要评论

zh5b6ba,结婚要买什么东西,农历出生日期算命

创建一个简单的 django 项目 app01 用来接受 form 表单的数据
# 先切换到要保存项目的目录中，这里 django-admin.py 需要根据自己安装目录填写 
python  d:\python3.5\lib\site-packages\django\bin\django-admin.py startproject app01

修改 templates 配置，在 settings.py 修改
        'dirs': [os.path.join(base_dir, 'templates/').replace('\\', '/')],

在 manage.py 同级创建文件夹 templates，并在该目录下创建 ，内容如下:
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>title</title>
</head>
<body>
<h1>hello worlds</h1>
<form action="/klvchen/" method="get">
    <p>用户名: <input type="text" name="username"></p>
    <p>密码:<input type="password" name="passwd"></p>

    <p>性别: 男: <input type="radio" name="sex" value="0"></p>
    <p>      女: <input type="radio" name="sex" value="1"></p>

    <p>爱好: 乒乓球 <input type="checkbox" name="hobby" value="pingong"></p>
    <p>      羽毛球 <input type="checkbox" name="hobby" value="yumaoqiu"></p>

    <p><input type="submit" value="submit"></p>

</form>
</body>
</html>

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

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

    return render(req, "")

修改 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_script\djiango\app01 
python manage.py runserver 8090


浏览器访问

填入信息，点击 "submit"

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


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

以 post 方式提交表单数据

修改 内容，把 method 方式由 get 修改成 post

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

修改 views.py

from django.shortcuts import render

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

    return render(req, "")

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

    #'django.middleware.csrf.csrfviewmiddleware',

重新访问，提交表单

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网