HTML 表單

chenatu 發布于2019-04-23 11:57 / 2691人閱讀

摘要：創建一個簡單的項目用來接受表單的數據創建一個簡單的項目用來接受表單的數據先切換到要保存項目的目錄中，這里需要根據自己安裝目錄填寫修改配置在修改修改配置，在修改在同級創建文件夾并在該目錄下創建內容如下在同級創

創建一個簡單的 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.對提交內容的長度理論上無限制.

云服務器 GPU云服務器 html表單樹形表單 html html 表單驗證 html 表單編輯

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1406.html

【譯】HTML表單指南---第一個HTML表單

摘要：一個表單由一或多個部件組成，這些部件可以是文本框單行或多行選擇框按鈕復選框或單選按鈕。在我們的示例里，一個文本框中用了該屬性的默認值，該值表示一個基本的單行文本框，用于接收無控制或驗證的任何文本。前言這個系列譯自mdn上的一份表單指南，原文詳盡闡述了表單相關的基礎知識。而表單作為一個經典的頁面交互方式，是每個前端工程師繞不開的話題，通過翻譯這個系列的文章既是有助于掃清自己的知識盲區...

yearsj 2019-08-02 15:55 評論0 收藏0
JavaScript 表單腳本

摘要：文本框獲得焦點時，選中其中所有的文本思路利用焦點事件事件，在文本框獲得焦點時，利用其方法選中所有文本。自動切換焦點思路利用事件檢測用戶輸入新字符后，文本框內的字符串是否已經達到最大長度，若達到最大長度，則將焦點切換至下一個文本框。 JavaScript 表單腳本通過 document.forms 可以獲得一個包含當前頁面中所有表單的集合 HTMLFormElement 接口下面是這...

PrototypeZ 2019-08-20 11:26 評論0 收藏0
Flask Web Development —— Web表單（上）

摘要：每個表單域都可以連接到一個或多個是一個用于檢查用戶提交的輸入是否合法的函數。表單域構造函數的第一個參數是一個，在渲染表單到時會使用。驗證確保提交的表單域不為空。表單域驗證都是直接從包中導入。表格展示了一組支持的標準表單域。第二章中介紹的request對象公開了所有客戶端發送的請求信息。特別是request.form可以訪問POST請求提交的表單數據。盡管Flask的request...

CODING 2019-07-24 17:49 評論0 收藏0
HTMl基礎

摘要：每個表格均有若干行由標簽定義，每行被分割為若干單元格由標簽定義。字母指表格數據，即數據單元格的內容。數據單元格可以包含文本圖片列表段落表單水平線表格等等。表格最重要的目的是顯示表格類數據。規定在提交表單時所用的方法默認。 import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STRE...

番茄西紅柿 2019-04-23 13:42 評論0 收藏0
HTML表單元素及CSS

摘要：表單一介紹標簽表示為表單，表單元素是允許用戶在表單中輸入內容。屬性值被提交表單的類型二表單組件組件一般被定義在表單中標簽中標簽表示輸入框，為空標簽。屬性，屬性規定要顯示的元素的類型。冒號表示分隔符，分號表示結束符。表單一、介紹標簽表示為表單，表單元素是允許用戶在表單中輸入內容。屬性：action-提交表單的地址 Method-提交表單的方式。屬性值：get/post ...

MyFaith 2019-08-30 13:48 評論0 收藏0
HTML表單元素及CSS

摘要：表單一介紹標簽表示為表單，表單元素是允許用戶在表單中輸入內容。屬性值被提交表單的類型二表單組件組件一般被定義在表單中標簽中標簽表示輸入框，為空標簽。屬性，屬性規定要顯示的元素的類型。冒號表示分隔符，分號表示結束符。表單一、介紹標簽表示為表單，表單元素是允許用戶在表單中輸入內容。屬性：action-提交表單的地址 Method-提交表單的方式。屬性值：get/post ...

jayzou 2019-08-01 17:50 評論0 收藏0