<select> 下拉选标签属性
name:表单提交项的键.
size：选项个数
multiple：multiple
<option> 下拉选中的每一项 属性：
value:表单提交项的值. selected: selected下拉选默认被选中
<optgroup>为每一项加上分组
<textarea> 文本域
name: 表单提交项的键. cols: 文本域默认有多少列 rows: 文本域默认有多少行
<label>
<label for="www">姓名</label> <input id="www" type="text">
<fieldset>
<fieldset>
<legend>登录吧</legend>
<input type="text">
</fieldset>
templates目录
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>hello girl</h1>
<form action="http://127.0.0.1:8090/smoke/" method="post" enctype="multipart/form-data">
<p>用户名：<input type="text" name="username"></p>
<p>密 码：<input type="password" name="pwd"></p>
<p>性 别：男<input type="radio" name="sex" value="0"></p>
<p> 女<input type="radio" name="sex" value="1"></p>
<p>爱 好：篮球<input type="checkbox" name="hobby" value="bsk"></p>
<p> 足球<input type="checkbox" name="hobby" value="football"></p>
<p><input type="file" name="picture"></p>
出生地：<select name="city">
<option value="beijing">北京</option>
<option value="tianjin">天津</option>
<option value="langfang">廊坊</option>
</select>
<p><input type="submit" value="发送"></p>
</form>
</body>
</html>
通过浏览器访问http://127.0.0.1:8090/smoke
查看服务器端打印输出
(venv) smoke@smoke-GS70-2PC-Stealth:~/文档/DocumentFile/PycharmProjects/jingdong_app$ python3.8 manage.py runserver 8090
Watching for file changes with StatReloader
Performing system checks...
System check identified no issues (0 silenced).
You have 18 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.
Run 'python manage.py migrate' to apply them.
February 13, 2022 - 12:51:19
Django version 4.0.1, using settings 'jingdong_app.settings'
Starting development server at http://127.0.0.1:8090/
Quit the server with CONTROL-C.
前端数据{GET <QueryDict: {}>
前端数据{POST <QueryDict: {}>
file: <MultiValueDict: {}>
[13/Feb/2022 12:51:24] "GET /smoke/ HTTP/1.1" 200 925
前端数据{GET <QueryDict: {}>
前端数据{POST <QueryDict: {'username': ['smoke'], 'pwd': ['smoke520'], 'sex': ['0'], 'hobby': ['bsk', 'football'], 'city': ['tianjin']}>
file: <MultiValueDict: {'picture': [<InMemoryUploadedFile: 1.jpg (image/jpeg)>]}>
[13/Feb/2022 12:52:15] "POST /smoke/ HTTP/1.1" 200 925
templates目录
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>hello girl</h1>
<form action="http://127.0.0.1:8090/smoke/" method="post" enctype="multipart/form-data">
<p>用户名：<input type="text" name="username"></p>
<p>密 码：<input type="password" name="pwd"></p>
<p>性 别：男<input type="radio" name="sex" value="0"></p>
<p> 女<input type="radio" name="sex" value="1"></p>
<p>爱 好：篮球<input type="checkbox" name="hobby" value="bsk"></p>
<p> 足球<input type="checkbox" name="hobby" value="football"></p>
<p><input type="file" name="picture"></p>
出生地：<select name="city" multiple>
<option value="beijing">北京</option>
<option value="tianjin">天津</option>
<option value="langfang">廊坊</option>
<option value="langfang">西安</option>
<option value="langfang">广州</option>
<option value="langfang">贵州</option>
<option value="langfang">深圳</option>
</select>
<p><input type="submit" value="发送"></p>
</form>
</body>
</html>
通过浏览器访问http://127.0.0.1:8090/smoke
查看服务器端打印输出
(venv) smoke@smoke-GS70-2PC-Stealth:~/文档/DocumentFile/PycharmProjects/jingdong_app$ python3.8 manage.py runserver 8090
Watching for file changes with StatReloader
Performing system checks...
System check identified no issues (0 silenced).
You have 18 unapplied migration(s). Your project may not work properly until you apply the migrations for app(s): admin, auth, contenttypes, sessions.
Run 'python manage.py migrate' to apply them.
February 13, 2022 - 13:01:12
Django version 4.0.1, using settings 'jingdong_app.settings'
Starting development server at http://127.0.0.1:8090/
Quit the server with CONTROL-C.
前端数据{GET <QueryDict: {}>
前端数据{POST <QueryDict: {}>
file: <MultiValueDict: {}>
[13/Feb/2022 13:01:15] "GET /smoke/ HTTP/1.1" 200 1130
前端数据{GET <QueryDict: {}>
前端数据{POST <QueryDict: {'username': ['smoke'], 'pwd': ['smoke520'], 'sex': ['0'], 'hobby': ['bsk'], 'city': ['beijing', 'tianjin', 'langfang']}>
file: <MultiValueDict: {'picture': [<InMemoryUploadedFile: 1.jpg (image/jpeg)>]}>
[13/Feb/2022 13:01:48] "POST /smoke/ HTTP/1.1" 200 1130
templates目录
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>hello girl</h1>
<form action="http://127.0.0.1:8090/smoke/" method="post" enctype="multipart/form-data">
<p>用户名：<input type="text" name="username"></p>
<p>密 码：<input type="password" name="pwd"></p>
<p>性 别：男<input type="radio" name="sex" value="0"></p>
<p> 女<input type="radio" name="sex" value="1"></p>
<p>爱 好：篮球<input type="checkbox" name="hobby" value="bsk"></p>
<p> 足球<input type="checkbox" name="hobby" value="football"></p>
<p><input type="file" name="picture"></p>
出生地：<select name="city" multiple size="2">
<option value="beijing">北京</option>
<option value="tianjin">天津</option>
<option value="langfang">廊坊</option>
<option value="langfang">西安</option>
<option value="langfang">广州</option>
<option value="langfang">贵州</option>
<option value="langfang">深圳</option>
</select>
<p><input type="submit" value="发送"></p>
</form>
</body>
</html>
通过浏览器访问http://127.0.0.1:8090/smoke
templates目录
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>hello girl</h1>
<form action="http://127.0.0.1:8090/smoke/" method="post" enctype="multipart/form-data">
<p>用户名：<input type="text" name="username"></p>
<p>密 码：<input type="password" name="pwd"></p>
<p>性 别：男<input type="radio" name="sex" value="0"></p>
<p> 女<input type="radio" name="sex" value="1"></p>
<p>爱 好：篮球<input type="checkbox" name="hobby" value="bsk"></p>
<p> 足球<input type="checkbox" name="hobby" value="football"></p>
<p><input type="file" name="picture"></p>
出生地：<select name="city" multiple size="5">
<option value="beijing">北京</option>
<option value="tianjin">天津</option>
<option value="langfang">廊坊</option>
<option value="langfang">西安</option>
<option value="langfang">广州</option>
<option value="langfang">贵州</option>
<option value="langfang">深圳</option>
</select>
<p><input type="submit" value="发送"></p>
</form>
</body>
</html>
通过浏览器访问http://127.0.0.1:8090/smoke
templates目录
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>hello girl</h1>
<form action="http://127.0.0.1:8090/smoke/" method="post" enctype="multipart/form-data">
<p>用户名：<input type="text" name="username"></p>
<p>密 码：<input type="password" name="pwd"></p>
<p>性 别：男<input type="radio" name="sex" value="0"></p>
<p> 女<input type="radio" name="sex" value="1"></p>
<p>爱 好：篮球<input type="checkbox" name="hobby" value="bsk"></p>
<p> 足球<input type="checkbox" name="hobby" value="football"></p>
<p><input type="file" name="picture"></p>
出生地：<select name="city" multiple size="5">
<optgroup label="河北省">
<option value="langfang">廊坊</option>
<option value="handan">邯郸</option>
<option value="hengshui">衡水</option>
</optgroup>
<optgroup label="陕西省">
<option value="xian">西安</option>
<option value="xianyang">咸阳</option>
<option value="weinan">渭南</option>
<option value="ankang">安康</option>
</optgroup>
<option value="beijing">北京</option>
<option value="tianjin">天津</option>
<option value="guangzhou">广州</option>
<option value="guizhou">贵州</option>
<option value="shenzhen">深圳</option>
</select>
<p><input type="submit" value="发送"></p>
</form>
</body>
</html>
通过浏览器访问http://127.0.0.1:8090/smoke
templates目录
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>hello girl</h1>
<form action="http://127.0.0.1:8090/smoke/" method="post" enctype="multipart/form-data">
<p>用户名：<input type="text" name="username"></p>
<p>密 码：<input type="password" name="pwd"></p>
<p>性 别：男<input type="radio" name="sex" value="0"></p>
<p> 女<input type="radio" name="sex" value="1"></p>
<p>爱 好：篮球<input type="checkbox" name="hobby" value="bsk"></p>
<p> 足球<input type="checkbox" name="hobby" value="football"></p>
<p><input type="file" name="picture"></p>
出生地：<select name="city" multiple size="5">
<optgroup label="河北省">
<option value="langfang">廊坊</option>
<option value="handan">邯郸</option>
<option value="hengshui">衡水</option>
</optgroup>
<optgroup label="陕西省">
<option value="xian">西安</option>
<option value="xianyang">咸阳</option>
<option value="weinan">渭南</option>
<option value="ankang">安康</option>
</optgroup>
<option value="beijing">北京</option>
<option value="tianjin">天津</option>
<option value="guangzhou">广州</option>
<option value="guizhou">贵州</option>
<option value="shenzhen">深圳</option>
</select>
<textarea rows="10" cols="50">自我简介</textarea>
<p><input type="submit" value="发送"></p>
</form>
</body>
</html>
通过浏览器访问http://127.0.0.1:8090/smoke
templates目录
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>hello girl</h1>
<form action="http://127.0.0.1:8090/smoke/" method="post" enctype="multipart/form-data">
<p>用户名：<input type="text" name="username"></p>
<p>密 码：<input type="password" name="pwd"></p>
<p>性 别：男<input type="radio" name="sex" value="0"></p>
<p> 女<input type="radio" name="sex" value="1"></p>
<p>爱 好：篮球<input type="checkbox" name="hobby" value="bsk"></p>
<p> 足球<input type="checkbox" name="hobby" value="football"></p>
<p><input type="file" name="picture"></p>
出生地：<select name="city" multiple size="5">
<optgroup label="河北省">
<option value="langfang">廊坊</option>
<option value="handan">邯郸</option>
<option value="hengshui">衡水</option>
</optgroup>
<optgroup label="陕西省">
<option value="xian">西安</option>
<option value="xianyang">咸阳</option>
<option value="weinan">渭南</option>
<option value="ankang">安康</option>
</optgroup>
<option value="beijing">北京</option>
<option value="tianjin">天津</option>
<option value="guangzhou">广州</option>
<option value="guizhou">贵州</option>
<option value="shenzhen">深圳</option>
</select>
<textarea rows="10" cols="50">自我简介</textarea>
<label for="www">姓名</label>
<input id="www" type="text">
<p><input type="submit" value="发送"></p>
</form>
</body>
</html>
通过浏览器访问http://127.0.0.1:8090/smoke
templates目录
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>hello girl</h1>
<form action="http://127.0.0.1:8090/smoke/" method="post" enctype="multipart/form-data">
<p>用户名：<input type="text" name="username"></p>
<p>密 码：<input type="password" name="pwd"></p>
<p>性 别：男<input type="radio" name="sex" value="0"></p>
<p> 女<input type="radio" name="sex" value="1"></p>
<p>爱 好：篮球<input type="checkbox" name="hobby" value="bsk"></p>
<p> 足球<input type="checkbox" name="hobby" value="football"></p>
<p><input type="file" name="picture"></p>
出生地：<select name="city" multiple size="5">
<optgroup label="河北省">
<option value="langfang">廊坊</option>
<option value="handan">邯郸</option>
<option value="hengshui">衡水</option>
</optgroup>
<optgroup label="陕西省">
<option value="xian">西安</option>
<option value="xianyang">咸阳</option>
<option value="weinan">渭南</option>
<option value="ankang">安康</option>
</optgroup>
<option value="beijing">北京</option>
<option value="tianjin">天津</option>
<option value="guangzhou">广州</option>
<option value="guizhou">贵州</option>
<option value="shenzhen">深圳</option>
</select>
<textarea rows="10" cols="50">自我简介</textarea>
<label for="www">姓名</label>
<input id="www" type="text">
<label for="www1">男</label>
<input id="www1" type="checkbox">
<p><input type="submit" value="发送"></p>
</form>
</body>
</html>
通过浏览器访问http://127.0.0.1:8090/smoke
浙公网安备 33010602011771号