您现在的位置是:网站首页> 编程资料编程资料
html中表单提交的实现_HTML/Xhtml_网页制作_
2021-09-14
1495人已围观
简介 表单提交是常见的一种操作,这篇文章主要介绍了html中表单提交的实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
表单提交代码
1、源代码分析
Document
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中table表格的内容水平和垂直居中显示_HTML/Xhtml_网页制作_
- 在html中显示JSON数据的方法_HTML/Xhtml_网页制作_
- HTML DOM简介_动力节点Java学院整理_HTML/Xhtml_网页制作_
- HTML+VUE分页实现炫酷物联网大屏功能_HTML/Xhtml_网页制作_
- 详解Html页面中内容禁止选择、复制、右键的实现方法_HTML/Xhtml_网页制作_
- HTML检测输入已完成自动填写下一个内容的实现方法_HTML/Xhtml_网页制作_
- Markodwn 标题对齐的同步滚动实现思路详解_HTML/Xhtml_网页制作_
- 纯css实现(无脚本)Html指令式tooltip文字提示效果_HTML/Xhtml_网页制作_
- 解决移动端跳转问题(CSS过渡、target伪类)_HTML/Xhtml_网页制作_
- HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法_HTML/Xhtml_网页制作_
