在Web开发中，HTML表单（Forms）是用户与服务器交互的重要工具，它们允许用户输入数据，然后将这些数据发送到服务器进行处理。本作业"WEB1.1-Forms"聚焦于理解和创建基本的HTML表单，以及如何利用Python处理这些表单数据。
一、HTML表单基础
HTML表单由`<form>`标签定义，用于收集用户输入。表单内可以包含各种输入元素，如文本框`<input type="text">`、密码框`<input type="password">`、复选框`<input type="checkbox">`、单选按钮`<input type="radio">`、下拉列表`<select>`等。每个输入元素都有一个唯一的`name`属性，用于标识该数据。
二、表单方法与动作
表单通过`method`属性指定数据提交方式，常见的有`GET`和`POST`。`GET`将数据附加到URL中，适用于无敏感信息的小量数据；`POST`将数据隐藏在请求体中，适用于传输大量或敏感数据。
`action`属性指定表单提交后的目标地址，可以是相对路径或绝对URL，通常指向服务器上的处理程序，如Python的Flask或Django应用。
三、Python处理表单数据
在Python中，处理表单数据通常涉及Web框架，如Flask或Django。以Flask为例，你可以创建一个路由来接收POST请求，并使用`request`对象解析表单数据：
```python
from flask import Flask, request
app = Flask(__name__)
@app.route('/submit', methods=['POST'])
def submit_form():
data = request.form.to_dict()
# 处理数据，如保存到数据库
return 'Data received and processed!'
```
在这里，`request.form.to_dict()`将表单数据转换为Python字典，键对应于HTML表单中的`name`属性，值则是用户输入。
四、模板引擎
在"WEB1.1-Forms"作业中，可能还涉及了模板引擎，如Jinja2。模板引擎允许开发者用动态语言编写HTML，方便插入变量和控制结构。例如，在Jinja2中，你可以这样显示用户输入：
```html
<!DOCTYPE html>
<html>
<head>
<title>Form Results</title>
</head>
<body>
<h1>表单数据:</h1>
{% for key, value in form_data.items() %}
<p>{{ key }}: {{ value }}</p>
{% endfor %}
</body>
</html>
```
在这个模板中，`form_data`应是服务器端处理后传递的数据字典。
五、作业完成指南
1. 创建一个HTML文件，包含所需的表单元素，并设置好`method`和`action`属性。
2. 编写Python处理程序，接收并处理表单数据。
3. 如果使用模板，设计一个展示表单结果的页面。
4. 运行Python服务器，测试表单功能是否正常。
5. 提交源代码和相关文件。
通过这个作业，你将深入理解Web表单的工作原理，以及如何在Python环境中处理表单数据。这将为构建更复杂的交互式Web应用打下坚实的基础。
WEB1_1-Forms-master.zip （11个子文件） 
WEB1.1-Forms-master 
app.py 5KB
horoscope_form.html 2KB
