html中表单提交的实现

表单提交代码

1、源代码分析

                
        
    用户名        
    密码    
    性别    男    女
    最喜欢的城市            北京        上海        重庆            
        爱好        读书        插花        唱歌        
    
button 

2、终端操作

打开终端gitbash，切换到html所在的文件夹

用命令行http-server打开静态服务器，打开后会出现两个ip地址。127.xxx是本地访问地址，125.xxx是局域网访问地址（这里的前提是已经安装了nodejs，并用npm安装了http-server这个服务器）

用浏览器打开html文件。用http://127.0.0.1:8080，替换本地的file文件地址。

点开检查-network-header可以看到表单提交的信息

3、get和post方式区别

• get把提交的数据用&拼接成url，成为url对象中query的内容。但post的url就很干净
• 提交数据量不同，get最多提交1k数据。超过浏览器的限制，数据会被截断。post理论上无限制，受服务器限制
• get提交的数据在浏览器历史记录中，安全性不好
• get 重在 要, post 重在给

4、注意事项

所有input标签要加上name属性，不然该数据不能正确接收。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持本站。

注：相关教程知识阅读请移步到HTML教程频道。