久久综合九色综合欧洲98,天天摸天天摸色综合舒服网

千鋒扣丁學(xué)堂Python培訓(xùn)之Flask框架表單基礎(chǔ)與表單提交

2019-08-12 14:08:51 4299瀏覽

今天千鋒扣丁學(xué)堂Python培訓(xùn)老師給大家分享一篇關(guān)于Flask框架學(xué)習(xí)筆記之表單基礎(chǔ)介紹與表單提交方式詳解，結(jié)合實(shí)例形式分析了flask框架中表單的基本功能、定義、用法及表單提交的get、post方式使用技巧，下面我們一起來看一下吧。

表單介紹

表單是HTML頁面中負(fù)責(zé)數(shù)據(jù)采集功能的部件。由表單標(biāo)簽，表單域和表單按鈕組成。通過表單，將用戶輸入的數(shù)據(jù)提交給服務(wù)器，并交給服務(wù)端進(jìn)行處理。

表單標(biāo)簽

用于聲明表單的范圍，位于表單標(biāo)簽的元素將被提交。

語法：<form></form>

屬性：Method規(guī)定用于發(fā)送表單數(shù)據(jù)的HTTP方法。

Enctype規(guī)定在向服務(wù)器發(fā)送表單數(shù)據(jù)之前如何對其進(jìn)行編碼。（適用于method="post"的情況）

action規(guī)定當(dāng)提交表單時向何處發(fā)送表單數(shù)據(jù)。(指定url）

表單域

表單域包含了文本框，密碼框等多種類型

語法：<input……/>

屬性：type規(guī)定input元素類型。

name定義input元素名稱

value規(guī)定input元素值

表單域的種類

文本框type=text

密碼框type=password

文本區(qū)域type=textarea（可輸入多行數(shù)據(jù)）

文件上傳框type=file

單選框type=radio

復(fù)選框type=checkbox

表單按鈕

提交按鈕

復(fù)位按鈕

一般按鈕

實(shí)現(xiàn)：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  <form>
    <input type="text" placeholder="Text" name="text" /># text
    <input type="password" placeholder="password" name="password" /># password
    <textarea placeholder="Textarea" name="textarea" style="resize:none"></textarea># 文本區(qū)域
    <input type="file" name="file" /># 文件上傳
    <input type="radio" name="Option" value="Option1" /> Option1# 單選框
    <input type="radio" name="Option" value="Option2" /> Option2
    <input type="checkbox" name="Option" value="Option1" /> Option1# 多選框
    <input type="checkbox" name="Option" value="Option2" /> Option2
    <input type="submit" value="Submit" /># submit按鈕
    <input type="reset" value="Reset" /># 重置按鈕
    <input type="button" value="button" /># 普通按鈕
  </form>
</body>
</html>

普通按鈕下沒有js語言支持是無效果的。

這里編寫一個簡單的js腳本來實(shí)現(xiàn)點(diǎn)擊button彈出表單中的信息：

function getValue()
{
 var text=document.form1.text1.value;
 alert(text)
}

html程序：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript" src="../static/j.js"></script># 這里插入js腳本
</head>
<body>
  <form name="form1"># 添加表單名字
    <input type="text" placeholder="Text" name="text1" /># 修改text表單名
    <input type="password" placeholder="password" name="password" />
    <textarea placeholder="Textarea" name="textarea" style="resize:none"></textarea>
    <input type="file" name="file" />
    <input type="radio" name="Option" value="Option1" /> Option1
    <input type="radio" name="Option" value="Option2" /> Option2
    <input type="checkbox" name="Option" value="Option1" /> Option1
    <input type="checkbox" name="Option" value="Option2" /> Option2
    <input type="submit" value="Submit" />
    <input type="reset" value="Reset" />
    <input type="button" value="button" οnclick="getValue()" /># 點(diǎn)擊就調(diào)用getValue()函數(shù)
  </form>
</body>
</html>

表單的提交方式

GET和POST

GET方式通過URL提交數(shù)據(jù)，數(shù)據(jù)在URL中可以看到。

POST方式，數(shù)據(jù)放置在HTMLHeader中提交

兩種提交方式的區(qū)別

GET請求可以被瀏覽器緩存

POST所請求的URL可以被緩存，但數(shù)據(jù)不會被緩存

POST請求不便于分享

POST請求沒有長度限制

GET請求的數(shù)據(jù)暴露在URL中，會帶來一些安全問題。

GET方式的適用場合

單純的請求數(shù)據(jù)，不進(jìn)行其他操作

表單數(shù)據(jù)較短，不超過1024個字符

對安全性要求一般的場合

POST方式適用的場合

數(shù)據(jù)不僅僅用于請求，或提交上傳數(shù)據(jù)。

表單數(shù)據(jù)過長時

要傳送的數(shù)據(jù)不是ASCII編碼

以上就是關(guān)于千鋒扣丁學(xué)堂Python培訓(xùn)之Flask框架表單基礎(chǔ)與表單提交的全部內(nèi)容，想要了解更多關(guān)于Python和人工智能方面內(nèi)容的小伙伴，請關(guān)注扣丁學(xué)堂Python培訓(xùn)官網(wǎng)、微信等平臺，扣丁學(xué)堂IT職業(yè)在線學(xué)習(xí)教育平臺為您提供權(quán)威的Python開發(fā)環(huán)境搭建視頻，Python培訓(xùn)后的前景無限，行業(yè)薪資和未來的發(fā)展會越來越好的，扣丁學(xué)堂老師精心推出的Python視頻教程定能讓你快速掌握Python從入門到精通開發(fā)實(shí)戰(zhàn)技能?？鄱W(xué)堂Python技術(shù)交流群：279521237。

扣丁學(xué)堂微信公眾號 Python全棧開發(fā)爬蟲人工智能機(jī)器學(xué)習(xí)數(shù)據(jù)分析免費(fèi)公開課直播間

【關(guān)注微信公眾號獲取更多學(xué)習(xí)資料】【掃碼進(jìn)入Python全棧開發(fā)免費(fèi)公開課】

標(biāo)簽: Python培訓(xùn) Python視頻教程 Python在線視頻 Python學(xué)習(xí)視頻 Python培訓(xùn)班

上一篇扣丁學(xué)堂Python培訓(xùn)簡述Python3使用cookiejar管理cookie的方法下一篇千鋒扣丁學(xué)堂Python培訓(xùn)之學(xué)習(xí)For循環(huán)用法詳解

欧美成人午夜免费全部完,亚洲午夜福利精品久久,а√最新版在线天堂,另类亚洲综合区图片小说区,亚洲欧美日韩精品色xxx

千鋒扣丁學(xué)堂Python培訓(xùn)之Flask框架表單基礎(chǔ)與表單提交

熱門專區(qū)

課程推薦