文章目录

  • 引入from表单
  • 代码演示+效果
  • 解析地址栏


引入from表单：

用图来表示 

html提交表单到python htmlform表单提交_提交数据

表单在 Web 网页中用来给访问者填写信息，从而能采集客户端信息，使网页具有交互的功能。一般是将表单设计在一个Html 文档中，当用户填写完信息后做提交(submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。这里我们只讲怎样使用Html 标志来设计表单。

代码演示+效果

代码：<!--定义form表单:form表单会采集包含的有效数据，提交到后端，进行交互-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--method属性：默认情况下不写method属性的时候就相当于method="get"
       get方式：提交数据可见，不安全，提交数据长度有限制，效率高
       post方式 ：提交数据不可见，安全，提交数据长度没有限制，效率低-->
    <!--action属性:aaaa 后端地址 这里用aaaa代替-->
      <form action="aaaa" method="get">
            用户名: <input type="text" name="name1"/><br/>
            密 码:<input type="password" name="password1"/><br/>
        <!--提交按钮-->
        <!--http://localhost:63342/webworkspace/%E8%A1%A8%E5%8D%95%E7%BB%83%E4%B9%A0/aaaa-->
          <!--http://localhost:63342/webworkspace/%E8%A1%A8%E5%8D%95%E7%BB%83%E4%B9%A0/aaaa?name1=zhangsan&password1=123456-->
            <input type="submit"/>
      </form>
        用户名1:<input type="text" name="name2"/>
</body>
</html>

效果：

html提交表单到python htmlform表单提交_html5_02

看地址栏发现： 没有被from包裹的代码也就是name2没有被提交，这里也更强调的表单的作用

html提交表单到python htmlform表单提交_表单_03

1.解析地址栏


http://localhost:63342/webworkspace/%E8%A1%A8%E5%8D%95%E7%BB%83%E4%B9%A0/aaaa?name1=zhangsan&password1=123456


  1. ？号之前（aaaa）：提交资源的目标地址，也就是后端地址，这里暂时用aaaa代替
  2. ？号之后：name1=zhangsan&password1=123456
  3. http:信息交互遵照htto协议
  4. 127.0.0.1：代表本机的ip地址
  5. webworkspace/%E8%A1%A8%E5%8D%95%E7%BB%83%E4%B9%A0：项目名字：表单练习（补充：浏览器的地址栏是不支持中文的，都会转成编码传送，如果你在地址栏看到中文，只是当前的那个浏览器给你一个友好的显示。可以使用在线解析工具查看：urlencode）
  6. name1=zhangsan&password1=123456：这是文本框输入的内容，写的用户名和密码等都必须添加一个属性：name，name属性和具体录入的信息会拼成一个键值对的形式。多个键值对之间 ，用&符号进行拼接