django中的HTML控制元件及引數傳遞

阿新 • • 發佈：2019-01-16

本文對djangoHTML的表單控制元件中的單選及多選進行介紹，並說明如何進行引數傳遞。

1.HTML中的表單控制元件：

在HTML中表單的書寫一般為：

<form method="post" action=""> 這個method代表方法，方法一般有兩個一個是'post'，一個是'get'，action是提交表單到何處，可填寫一個網址。不填則預設到本頁面。

{%csrf_token%} 這個是django中的一個標籤，用於防止惡意攻擊使用，如果不加入這個標籤，會遇到不能提交的問題，處理麻煩一點，建議加上。

<input name="select" type="radio"value= 
'radio'>這就是一個單選標籤，多選為type='checkbox'。 value是顯示的內容，並且後端提交後也將此作為值，其中name是後端

獲取時所用的如後端使用 select = request.POST['select']獲取這個單選按鈕的value，另外也可以用select = request.POST.get('select',None)來獲取。

<input name="submit" type="submit" value="提交" />這就是一個提控制元件，其中的type='submit'會保證點選後表單（<form></form>）中的內容被提交到後端。

<input name="text" type="text" value="" />一個輸入框

</form>

<!-表單結束>

前段在HTML中總的構造是

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

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

{%csrf_token%}

<input  
name="select" type="radio"value='radio'>

<input name="text" type="text" value="" />

<input name="submit" type="submit" value="提交" />

</form>

</body>
</html>

那麼前段HTML就是這樣。

2.django的view.py中接受資料：

後端可以在view中書寫一個def用於接受前端傳入的資料：

如：

def receive_data(request):

if request.POST: # 如果資料提交

print('有提交')

select = request.POST.get('select',None)

text = request.POST.get('text',None)

print(select,text)

return render(request,'your_html.html', locals()) # your_html.html改為你的html頁面並且參考前面的部落格建立url連結。

這就是django建立前後互動的簡單案例，在django 1.10.5 python 3.5 html 5下進行。

django django中的HTML控制元件及引數傳遞方法以及 HTML form 裡的資料是怎麼被包成http request 的？如何在瀏覽器裡檢視到這些資料？從HTML form submit 到 django response是怎麼完成的

https://www.jb51.net/article/136738.htm django中的HTML控制元件及引數傳遞方法下面小編就為大家分享一篇django中的HTML控制元件及引數傳遞方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

django中的HTML控制元件及引數傳遞

本文對djangoHTML的表單控制元件中的單選及多選進行介紹，並說明如何進行引數傳遞。 1.HTML中的表單控制元件：在HTML中表單的書寫一般為： <form method="post" action=""> 這個method代表方法，方法一般有兩個一個是

JavaEE開發之SpringMVC中的路由配置及引數傳遞詳解

在之前我們使用Swift的Perfect框架來開發服務端程式時，聊到了Perfect中的路由配置。而在SpringMVC中的路由配置與其也是大同小異的。說到路由，其實就是將URL對映到Java的具體類中的具體方法，或者對映到具體的JSP檔案上。本篇部落格主要就闡述瞭如何在SpringMVC中配置路由以及RES

MVC中HTML控制元件設為只讀readonly

1.下拉框設為只讀試了試用這個有效： @Html.DropDownListFor(model => model.SecondDevelopment, (SelectList)ViewBag.swseconddevelopment, new { disabled =

EBS form 中LOV的建立及引數傳遞和Template中標準Calendar的使用

效果: 1 LOV的建立及引數傳遞 Record group query: LOV column mapping: LOV中每個column的值跟據mapping賦值給block中相應的item 2 Query_Find中引數傳遞通過t

wpf 中DataGrid 控制元件的樣式設定及使用

本次要實現的效果為：這個DataGrid需要繫結一個集合物件，所以要先定義一個Experience類，包含三個欄位 /// <summary> /// 定義工作經歷類 /// </summary> p

HTML頁面跳轉及引數傳遞

HTML頁面跳轉： window.open(url, "", "width=600,height=400"); //第二個引數：_self，在當前視窗開啟視窗；_blank（預設值），在另外的新建視窗開啟新視窗； window.location.href="http:/

asp.net中的html控制元件點選事件與伺服器控制元件點選事件的不同

ASP.NET中Onclick和OnserverClick事件的區別對於伺服器按鈕控制元件（即<asp:Button>型別的按鈕）：伺服器響應事件：OnClick 客戶端響應屬性：OnClientClick 對於html按鈕控制元件（即<input t

Html中img控制元件的src屬性

方式一：直接給src屬性一個伺服器端資源的地址，img控制元件會自動獲取並解析資源。方式二：當訪問的資源不在工程路徑下時，想到的辦法是通過返回給img控制元件位元組流，讓img控制元件解析，開始直接將ajax非同步獲取的位元組流設給了img的src屬性，發現無法顯示圖片，通過

Python中GUI控制元件介紹及例項

1.msgbox: 語法:msgbox(text,title, ok_button='OK',image=None,root=None) 例項:msgbox('內容內容','標題標題','確定')返回

Django中ORM常用字段及字段參數

query 邏輯刪除關聯 cascade imp lint username strong rev Object Relational Mapping(ORM) ORM介紹 ORM概念對象關系映射（Object Relational Mapping，簡稱ORM）模式是一

C#Form.SplitContainer中清除控制元件textbox值（窗體.容器.控制元件）

文章目錄問題背景問題程式碼問題解決正確清除程式碼問題延申問題背景早上在完善不確定度計算器時，想要清空實驗資料輸入時所有textbox控制元件值。問題程式碼

[Swift]ViewController中xib控制元件為空

在ViewController的xib中定義了一些控制元件，然後在使用的時候會因為這個控制元件為空而崩潰，報錯為： Swift Error fatal error: unexpectedly found nil while unwrapping an Optional value

IE8中select控制元件中的option顯示不全解決方案

select控制元件，若option的內容過長，則IE8中顯示不全，導致其內容無法顯示出來。目前測試IE9、IE11 select控制元件都沒有問題。其中select，可以只針對個別的select，只要替換相應的class即可。解決方案：

Django中模板查詢路徑及丟擲TemplateDoesNotExist的異常時如何查詢錯誤資訊

模板查詢路徑：在專案的settings.py檔案中，有一個TEMPLATES配置，這個配置包含了模板引擎的配置，模板查詢路徑的配置，模板上下文的配置等。模板路徑可以在兩個地方配置 TEMPLATES = [ { 'BACKEND': 'django.temp

在Activity中引用控制元件以及控制元件的點選事件

今天我們要講的是在Activity中使用控制元件，我們在AndroidStudio中建立好了專案，會有一個Mainactivity，對了這裡推薦大家在使用AndroidStudio寫程式碼的時候，選擇project如下圖：選擇這種結構呢，大家可以很清楚的看到專案目錄結構良好的

WPF中動態載入XAML中的控制元件

原文: WPF中動態載入XAML中的控制元件 using System; using System.Collections.Generic; using System.Linq; using System.Text;

MFC中Edit控制元件垂直滾動條時，當文字超出時再顯示垂直滾動條

現在我需要實現這樣一個功能：想要用edit控制元件本身的滾動條，並且設定該屬性，但是該滾動條會一直存在。效果如下圖，很是難看，當沒有輸入資訊時，也會出現垂直滾動條其實，只有在文字超過設定的區域內才會顯示（在這我不知道如何上傳動態效果圖片，

WindowsXamlHost：在 WPF 中使用 UWP 控制元件庫中的控制元件

原文 WindowsXamlHost：在 WPF 中使用 UWP 控制元件庫中的控制元件在 WindowsXamlHost：在 WPF 中使用 UWP 的控制元件（Windows Community Toolkit）一文中，我們說到了在 WPF 中引入簡單的 UWP 控制元件以及相關

asp.net 如何獲取html控制元件select

只有設定了 runat="server" ，在後臺才可以訪問。示例：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition

django中的HTML控制元件及引數傳遞

相關推薦