HTML基础教程-22-隐藏域hidden控件2【动力节点】原创

好了，同学们，咱们开始上课啊，我们呢，上节课讲的这个HTML这块呢，咱们主要是讲这个表单。那表单这块呢，我们再来看一看各位啊，表单首先呢，它的作用呢，大家必须得知道它的作用是什么呢。收集用户的信息，这就是表单的一个作用，那表单他这个使用哪一个标签呢？使用form标签啊。然后呢，放标签呢，它有一个action这样的一个属性，是不是action这个属性后面有一个什么。这个叫专业术语，叫URL。明白吗？哎，这是URL。表单提交的时候提交把数据提交到哪。是不是？表单。实际上。也可以模拟什么超链接一样。

对吧。超链接可以发送请求。表单form也可以发送请求。是不是，哎，那另外表单这块呢，有很多这个，诶这个叫售后域，它的类型如果是submit就表示提交这个表单，如果是button的话呢，它就是个普通按钮，它不具备提交表单的能力或者是功能。那如果说你是一个text，那就表示是个文本框。Password就表示是密码。咱们这些东西实际上用这种开发工具的话，大家想想是不是还是非常方便的呀。如果我们去记，那可能这个比较费劲。开发工具有提醒，这是一个非常不错的一个。方式或者是方法啊。第一个人想出来是吧。

使用开发工具提示，我觉得这这帮人真的很牛。在最初的时候哪有工具啊，没有啊，最初上世纪90年代，八九十年代的时候，对吧？哦，我敲代码的时候都已经有工具了，工具都已经流行很长时间了，只不过呢，我以前在开发的时候，我们那会用的开这个开发工具，这个eclipse功能还是非常什么，非常low啊。对，非常这个简单简陋。提示功能没那么强大，后来呢，提示功能又变成强大一些，这不后来又出现一个ID，彻底就强大的不行了，是不是基本上就是懒人写代码。对。就是都基本上不用记。你都不用点它都能出来，你不写点的时候，你写一个英文字母是吧，你就写file input，写第一个F都有可能，第一个单词提提示你的是file dream。

对吧，就是非常非常智能非常智能，所以呢，非常感谢这帮人啊，非常感谢这帮人让我们让我们这个做软件开发变得就是很容易嘛，是不是哎，变得也很轻松啊，不至于说大家都天天是吧。吭哧吭哧吭哧写代码，对，有提示，另外呢，我们的格式还是那句话，就是格式如果不是很漂亮，对吧，可以用工具让格式变得漂亮一些。对吧，但是我觉得一个程序员如果你连代码的格式都整不明白，写完之后还得靠工具去格式化，我觉得你有点太low了啊，太low了，所以说尽可能的不要这样做啊。那么再往下呢，咱们这块实际上是。Form表单套了一个table是吧，是不是啊，那为什么套table啊？

就为了让它的这个格式好看一些，对不对，哎，是这样，Re是干啥的呀，重置表达的。重置表单。呃，然后呢，再往下呢，这个submit和这个放到form标签的外面，这个大家要注意这个是。对这个表单没有什么作用，这个表单必须得用方法括起来啊。好，我再说一下，这个是form，不是from。那下面这个例子呢，是什么呢？这个例子最主要是给大家说了一下，什么呀，叫做。注册吧，注册这一块主要是比较多，什么比较多的你看。文本框、密码框单选按钮，复选框下拉列表文本域对不对？提交按钮，重置按钮。

那在这个过程当中呢，我们也给大家说了啊，Form这个东西啊。他呢，有一个method的属性，我不知道大家还记不记得这个method的属性，如果不写，他就是这个盖的请求。呃，你你你的代码百分百有问题。啊，课下的时候呢，我给你看一下行不行啊，让你心服口服啊，你不要整的你这个地方好像是啊，这个永远不会出问题。Form标签的method属性就是用来设置它的请求方式的。如果不设置，默认就是get，当然你也可以设置它是get或者是什么post。如果是get，他提交数据啊，会最终显示在什么浏览器的地址栏上，如果旁边有一个人，他就会把你的密码看到了，就窃取了啊。

所以呢，我们一般如果表单提交的时候，如果有敏感的信息，我们这个时候建议。使用什么post的方式，Post方式提交的数据不会显示到哪浏览器的什么地址栏上，对不对，但是。他也会提交。提交的格式和get一样不一样，一样什么格式给我背出来。等会儿先别说。孙斌。那个符号念啥？啊。就那个符号念啥。

那个符号雨叫雨啊雨。对，就是键盘上哪个键你告诉我。70万。好。那行。这个孙文斌注意听啊，我再问你个问题啊。这个内幕有什么用？能说的形象一些，生动一些。如果不加呢？

提交不了，嗯。那这个还是你吧，你说这个这个为啥不用写value啊。哦，那你的意思就是输入的东西就是Y6呗。啊，那这个为啥又写value了呢。啊哦，没法输入，用户只能选。没法写，因为只能选，所以说诶说的很好啊。很好，好还是你啊，我再问你个问题，单选按钮默认选中用哪个。就是单选按钮，两个单选按钮，我想默认选中其中一个用哪个。别说话，同桌啊，一会儿我叫你了啊。

大胆的发音。啊。你念一下。刚才差差不多念出来了叫啥。这个的啊，这个的对行，那还是你再问你个问题，下拉列表默认选中是哪个。Selected。Selected selected，不错吧，可以可以啊，非常非常不错啊。那行。张妍妍。就你了啊。因为通常我都问前面的啊。

我觉得以后我得多问问后边了，要不然这个你们就感觉没有存在感啊来，嗯，张爷爷这个超链接能提交数据吗。可以是吧？好，那你说表单提交数据跟超链接提交数据有什么区别？诶说到点上了，这一针见血嘛，是不是超链接这边提交数据他是可以提交，但提交这个数据是固定死的，但如果是form表单的话，提交的数据是用户填啥提交啥。是不是，哎，这个事儿太好了啊，好，来咱们继续啊，这个是干啥的。多选这个呢，就是下拉列表显示这个选项显示几个。对不对，显示几个啊。

这个file控件。你就记这一个就行了，太后边可以写什么。文件上传。是不是下面这个隐藏域搞清楚了吗？昨天就是讲到这之后就停住了，为啥呢？我有点担心，因为这一天惯的东西太多了。脑袋有点懵啊，这个hidden呢，我再说一下啊，Hidden的意思啊，是说你这个input标签在这个网页上怎么着呢，不显示。但是你表单提交的时候，这个数据会提交。他和你method等于get，和post是没有关系的，跟这个没关系啊。

就是这个数据，我们没必要让用户看看到。如果用户看到的话，可能对这个页面的美观怎么着。有影响。听懂了吗？就这个控件，您在这儿是个固定值111，您就给它藏起来呗，不用不用用户去改，也不用用户去写，你给他藏起来多好。这样的话还不影响还还还少占一个地方啊。你这个框在这页面上没有显示不出来，是不是就少占一个地方啊。那一个页面不是空间更大一些吗？对不对，至于说将来用户一点提交。这个信息显示不显示在这个浏览器的地址栏上，那是另外一回事。我就写get请求，就让它显示咋啦。

对吧，我就写post的请求，我就给他干啥，隐藏起来又咋了？没没没没有关系啊，这完全是两个不同的语法。你就写get，你就让他这个隐藏域，隐藏的这个111，将来在地图上显示出来无所谓啊。又不是什么保密的数据，我们隐藏是为了保密吗？隐藏起来这个控件的意思是什么意思？第一，我们没必要展现出来，因为用户不用写，你展现出来用户反而感觉这个东西咋了，展现出来是要让我写吗？是要让我改吗？懂什么意思吧？那你给他隐藏起来。隐藏，我再强调，这个隐藏并不是说为了保密，这个数据说多重要多重要，不是这个意思。如果你要这么想的话，那就理解错了啊。列。隐藏就是这个东西没必要让用户看见。

在空间上少占一个位置，用户呢，体验也还好。你不用修改，不用改的东西你放到这，或者说你不需要用户看到的，你让他放到这，那这个时候，那你那放到这，那对于我来说啊，我就会认为怎么着，诶这个东西是不是需要我。我我操作一下或者什么之类的。他会在这个页面上，并且会占一个位置，最主要你没必要去牺牲这个位置啊，对吧？行这块我就不再说了啊，不再说了，之前所有的班级啊，没有出现过这个问题，咱们班是第一个。第一次各位我想讲啊，就是在这个input框这写个的，我在别的班级啊，包括我讲课讲了这么多年。这个点没有出现过一个。咱们班第一次，所以昨天我就不敢讲了。

因为你已经。这这这一天脑子里面装的东西可能太有点有点太太满了。对，就有点儿懵啊，就是。刚刚讲完method post，又出来这么一个东西。也怪我。怪我把这两个知识点放一块儿去了。我这个知识点要分开讲，估计就没有这个疑问。也是这样的一个问题，行了，那咱们就回顾这么多吧，啊，这是关于咱们的这个表单form这块啊。