H5中的form表单
📢博客主页：🏀傻根根呀🏀
📢欢迎点赞 👍 收藏 ⭐留言 📝 欢迎讨论！👏
📢本文由 【傻根根呀】 原创，首发于 CSDN🙉🙉🙉
📢由于博主是在学小白一枚，难免会有错误，有任何问题欢迎评论区留言指出，感激不尽！✨个人主页
📖精品专栏（不定时更新）【JavaSE】 【MySQL】【LeetCode】【Web】【操作系统】
好兄弟最近在跟口口相传的Java黄埔军校头号技师：小破站人称杜公公的老杜肝前端，可是到了最重要的表单环节，他竟然直接跳过，太让人痛心了，我直接再看一遍肝出笔记给好兄弟们！
1，甚么是form表单
老杜一连用了三个最，在视频第17集，他详细讲述了form表单。说最最最重要的form表单终于来了
U1S1，诚不欺我，在JavaSE学完之后，跟JVM玩起了图书管理系统
在JDBC和MySQL学完之后，带上了数据库跟JVM玩了起来。
但是到了JavaSE的扩展 网络 http接口 文件 File 读写IO 这一系列拿下之后，还在JVM里玩，属实是有点拉跨了
这之后JavaWeb 我们用Servlet完成第一个 小项目 咱就是说 如果前端发post请求给后端 只能用form表单
现在咱就理解这么深，当然Post发送请求到后端还有别的方法，这个后续再说
2，补充
推荐一款软件：HBUilderX真可以说是nb了
什么是HBuilder？
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写，它基于Eclipse，所以顺其自然地兼容了Eclipse的插件。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。
如何安装 HBuilder？
HBuilder下载地址：在HBuilder官网http://www.dcloud.io/点击免费下载，下载最新版的HBuilder。
HBuilder目前有两个版本，一个是windows版，一个是mac版。下载的时候根据自己的电脑选择适合自己的版本。
3，action
action是跟 href超链接一样，最终交给，传输，访问，上传的是 后端服务器。一个form表单如果没有目的地，action那么他就失去了灵魂。
是URL 是地址 提交给谁了
4，普通按钮button
普通按钮不会提交
5，提交按钮submit
提交按钮 默认是submit
<inputtype="submit"/><inputtype="button"name=""id=""value="设置按钮上的文本"/>
我们通过value来对其进行 按钮上文本文案的 设置
6，了不起的表单
了不起的表单
表单能收集数据啊，哥哥！~
<formaction="http://www.baidu.com"method="post"><inputtype="text"/><inputtype="submit"value="百度"/>
你把表单的value改成百度试试！
表单和超链接一样都能发送请求 ，但是这个携带数据属于是蝎子拉屎独一份
7，不可或缺name
在前期的学习中 我常常疑惑于 input标签内的 name 和 value等等一系列的内容
诚然，现在 是 北京时间 11点32分 2022年 1月 29日 学习了之后 不难发现
当你的input格式type是上述的 button 和 submit的时候，其实他的value是作为这些按钮的名字
其实这个也可以提交，但是你没有name他是无法·提交的！
我们把name干掉了，不想让提交就别写，写上name就能提交
当你设置了格式 type为password或者text文本框等等，这个value是不需要前端程序员来填写的，而是用户来填写的
后端服务器杜程序员对其进行接收 这才是我们数据传输的 基本格式 键值对 key—value 通过split对字符串进行拆分，拿到有用信息！也即是 我们见到的
username=srs&password=nbnb
这种等号和与字符串联起来发送过去的特定格式的数据 ，其实是
name=value & name=value & name=value & name=value & name=value & name=value & name=value & name=value&
前端要对这组键值对进行负责 你要在代码中给他起名name 没有name 他就不发送，因此说他不可或缺很重要欸
与此同时用户填写的作为value
前端你要给他起名 name 跟 用户的 value一结合 如果要安全 就post啪的一下，用表单发出去了，很快呀！~
在此罗嗦两句，前端要安全就用表单发post请求
这时候你在后端能从前端发送的数据根据 名字 解析出来 字符串 同时对其进行处理，如新增员工，删除员工的 add 和 delete
为什么说name是不可或缺的
因为不见name是不发送的！
*、敲黑板，划重点
格式：action？name=value & name=value & name=value-----
这个表单可能非常庞大，几十项都是这样规定的
这个格式是 W3C定的http协议规定的
必须以这种格式提交！！！数据前边是路径 后面是问号 后面是键值对！~
html中 表单是必须搞定的啊 伙计们
大声念，
重点强调：表单项写了name属性的 一律会提交给服务器
不想提交这一项，就把name给干掉！
版权归原作者 傻根根呀 所有， 如有侵权，请联系我们删除。