1. 程式人生 > 程式設計 >django之從html頁面表單獲取輸入的資料例項

django之從html頁面表單獲取輸入的資料例項

本文主要講解如何獲取使用者在html頁面中輸入的資訊。

1.首先寫一個自定義的html網頁

login.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>test</title>
</head>
<body>
  <form method="post" action="{% url 'check' %}"> 
    <input type="text" name="name" placeholder="your username"><br>
    <input type="password" name="pwd" placeholder="your password"><br>
    <input type="submit" value="提交"><br>
  </form>
</body>
</html>

form表單裡的action{%url ‘check'%} 對應的是urls.py裡的name值

django之從html頁面表單獲取輸入的資料例項

2.配置urls.py檔案

urlpatterns = [
  path('reg/',views.reg,name='check'),path('',views.login),]

3.配置views.py檔案

def login(request):
  return render(request,'login.html')
def reg(request):
  if request.method == 'POST':
    name=request.POST.get('name')
    pwd=request.POST.get('pwd')
  print(name,pwd)
  return render(request,'login.html')

4.開啟服務,進入主頁localhost:8000,輸入使用者名稱密碼,點選提交

這時會報403錯誤

django之從html頁面表單獲取輸入的資料例項

需要在login.html檔案的form表單中加入下面一行程式碼

{%csrf_token%}

  <form method="post" action="{% url 'check' %}">
    {% csrf_token %}
    <input type="text" name="name" placeholder="your username"><br>
    <input type="password" name="pwd" placeholder="your password"><br>
    <input type="submit" value="提交"><br>
  </form>

重啟服務,再次輸入使用者名稱密碼

就可以得到在頁面輸入的資訊了

django之從html頁面表單獲取輸入的資料例項

以上這篇django之從html頁面表單獲取輸入的資料例項就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。