栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

舍友看老杜视频自学Html,竟直接跳过最重要的form表单环节,太让人痛心了

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

舍友看老杜视频自学Html,竟直接跳过最重要的form表单环节,太让人痛心了

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



我们通过value来对其进行 按钮上文本文案的 设置

6,了不起的表单

了不起的表单

表单能收集数据啊,哥哥!~

		

你把表单的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给干掉!

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/748902.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号