初始CSS
一、form表單補充
- form表單關鍵性的屬性補充
form表單
關鍵性的屬性
action
控制的是資料的提交路徑
1、不寫 默認是朝著當前頁面所在的地址提交
2、全路徑
3、后綴（/index/）
method
控制的是提交方式
form表單默認是get請求 method='get'
你也可以指定成post請求 method='post'
enctype
控制的是資料提交的編碼格式
默認情況下form表單是不能夠直接發送檔案的
如果你要發送檔案 必須將該引數由默認的urlencoded改為formdata
注意事項：
1、獲取用戶輸入的標簽 都是用value屬性來存放用戶的輸入
獲取用戶輸入的標簽都應該有name屬性 就類似于字典的key
value屬性就類似于字典中的value
2、如何給input設定默認
可以直接給input標簽加value屬性
3、input框如何設定提示資訊
username:<input type='text' value='https://www.cnblogs.com/yafeng666/p/jason' placeholder='用戶名'>
二、驗證form提交資料
- 結合Flask演示驗證
后端框架
Django
Flask
Tornado
Flask框架
pip install Flask
get請求能夠攜帶引數 但是引數的攜帶方式是直接跟在url后面的
url?xxx=ooo&yyy=bbb&lll=ccc
特點：
1、資料全是明文
2、資料大小有限 大概可能在4kb左右
3、get請求不應該攜帶隱私資訊
- 初始后端框架
from flask import Flask, request
app = Flask(__name__)
@app.route('/index', methods=['GET', 'POST'])
def func():
print(request.form) # 獲取普通資料
print(request.files)
file_obj = request.files.get('myfile')
file_obj.save('xxx.png')
return "OK"
app.run()
- form表單
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="http://127.0.0.1:5000/index" method="post" enctype="multipart/form-data">
<p>用戶名:<input type="text" placeholder="用戶名" name="username"></p>
<p>密碼:<input type="password" name="password"></p>
<p>日期:
<input type="date" name="birth">
</p>
<p>性別:
男:<input type="radio" name="gender" value=https://www.cnblogs.com/yafeng666/p/"male">
女:
愛好:
籃球:
足球:
雙色球:
省份:
女友:
個人簡介:
個人簡歷: