溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下Flask框架如何實現表單提交，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
表單介紹
表單是HTML頁面中負責數據采集功能的部件。由表單標簽，表單域和表單按鈕組成。通過表單，將用戶輸入的數據提交給服務器，并交給服務端進行處理。
表單標簽
用于聲明表單的范圍，位于表單標簽的元素將被提交。
語法：<form></form>
屬性：Method規定用于發送表單數據的 HTTP 方法。
Enctype規定在向服務器發送表單數據之前如何對其進行編碼。（適用于 method="post" 的情況）
action規定當提交表單時向何處發送表單數據。(指定url）
表單域
表單域包含了文本框，密碼框等多種類型
語法：<input ……/>
屬性：type規定input元素類型。
name定義input元素名稱
value規定input元素值
表單域的種類
文本框type=text
密碼框type=password
文本區域type=textarea（可輸入多行數據）
文件上傳框type=file
單選框type=radio
復選框type=checkbox
表單按鈕
提交按鈕
復位按鈕
一般按鈕
實現：
<!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" ></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" /># submit按鈕 <input type="reset" value="Reset" /># 重置按鈕 <input type="button" value="button" /># 普通按鈕 </form> </body> </html>
普通按鈕下沒有js語言支持是無效果的。
這里編寫一個簡單的js腳本來實現點擊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" ></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()" /># 點擊就調用getValue()函數 </form> </body> </html>
表單的提交方式
GET和POST
GET方式通過URL提交數據，數據在URL中可以看到。
POST方式，數據放置在HTML Header中提交
兩種提交方式的區別
GET請求可以被瀏覽器緩存
POST所請求的URL可以被緩存，但數據不會被緩存
POST請求不便于分享
POST請求沒有長度限制
GET請求的數據暴露在URL中，會帶來一些安全問題。
GET方式的適用場合
單純的請求數據，不進行其他操作
表單數據較短，不超過1024個字符
對安全性要求一般的場合
POST方式適用的場合
數據不僅僅用于請求，或提交上傳數據。
表單數據過長時
要傳送的數據不是ASCII編碼
以上是“Flask框架如何實現表單提交”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
