一、实验目的二、实验环境三、 实验内容

1. 基本流程2. 网页实现展示3. 具体代码展示 四、结果五、小结

了解HTML表单的基本含义、基本类型以及工作流程认识HTML表单结构、掌握action属性、两种method方法的用法以及一些基本表单组件的使用了解HTML5相对于HTML的优势，掌握HTML5组件的使用，并且使用HTML5里面的音频组件完成此次实验掌握HTML的表单处理，完成环境搭建，安装flask来成功处理请求数据，利用接收的数据构建新的网页 二、实验环境

VS code、flask、python

1.首先创建基本html代码，然后完成音频文件的导入
2.利用单行文本框、密码框、文本域、单选按钮、复选按钮、下拉复选框、文件上传等表单组件以及表格创建的基本标签来共同创建表格
3.导入flask，编写 Python代码，接收输入的数据，成功实现网页的跳转

    
    
    


    
网络空间安全学院表单实例演示
    

       
音频播放
       
        

            
            

                
姓名：
                

                    
                

            
            

                
密码：
                

                    
                
            
            

                
个人描述：
                

                    
                
            
            

                
性别：
                

                    女
                    男
                
            
            

                
年级：
                

                    
                        grade one
                        grade two
                        grade three
                        grade four
                    
                
            
            

                
爱好
                

                    睡觉
                    玩游戏
                    阅读
                    美食
                    旅行
                    跳舞
                
            
            

                
简历：
                

                    
                
            
            

                

                

            

        
    

from flask import Flask,request
app = Flask(__name__)

@app.route("/",methods=["GET","POST"])
def home():
    string="
姓名：
{}

        
密码：
 {}

         
个人陈述：
{}

         
性别：
{}

         
年级：
 {}
 
        
爱好：
{}

        
上传文件名：
{}"

    if request.method=="POST":
        name=request.form["user"]
        password=request.form["pass"]
        desc=request.form["descr"]
        sex=request.form["sex"]
        grade=request.form["grade"]
        fav=request.form.getlist("fav")
        file=request.form["file"]
        return string.format(name,password,desc,sex,grade,fav,file)
    else:
        return u"你的请求方式存在问题"


if __name__=="__main__":
    app.run()

利用音频组件向网页中插入背景音乐并能控制音乐的暂停和播放，利用相关标签创建表格，向表格中插入表单组件，实现web表单的创建，最后通过导入flask编写python代码，实现新网页的跳转。

通过此次实验，我深入理解了表单的基本含义、基本类型以及工作流程；此次实践有利于我对基本表单组件的熟练掌握。而这次实验我感到最困难的部分是flask的导入，之前下载了anaconda但是还是无法成功导入flask模块，最后通过老师和助教的帮助，以及不断在网上寻找解决办法，发现是自己的python环境里没有pip相关文件，最后通过cmd命令行导入pip相关文件，再次安装flask，终于成功导入flask模块完成了实验环境的搭建。