05_尚硅谷_大数据JavaWEB_HTML常用的标记(2).avi原创

啊，来，我们接着说啊呃，那说完这个表格以后呢，因为这个东西我们后面确实会用啊，首先需要给大家去说，那么下一个呢，我们再来说一下，也是比较重要的一个了啊啊，那我们还是回到我们的啊这个里面啊，再来给大家去说一下，那我还在table的后面来给大家去说啊呃，在这个地方呢，我们再来说一个谁呢？再来说一个表单。这个用的就更多了，什么是一个表单呢？啊，简单解释就是你们在网页上面做注册呀，做登录啊，是不是都让你去输入一些信息啊，对吧，那些东西就是表单来做的。能明白吧，所以这个表单是干嘛的呢？啊，给大家解释一下这个表单的作用，它就是啊收集。用户的信息，然后呢，提交到我们的后台服务器，这就是表单的一个作用啊，那这个家伙怎么用呢？你看了哈，我给你写一下，它就是一个from，注意哈，是from不是from啊from from啊，然后呢，在这个form里面呢，我们注意有两个非常重要的属性，一个是action啊，这个还是好理解一点，另外另外一个是method。

啊呃，这个action是啥意思呢？它就是这里面写什么呀，就是写你要提交的地址，就是你将来你这个收集到的用户信息，你要提交到什么地方啊，你就写一个地址，就是通过这个act去指定的，就跟你那个A标签里面那个RA的意思差不多，你想去往什么地方，你就写一个地址，然后这个地方也是你想把这个数据提交到什么地方，那你就在X里面写一个地址。明白吧，就这个意思啊啊，那这个method它是一个提交方式啊，它是一个提交方式，那么这个提交方式的话，我们有两种，一种是get，一种是啊post，诶啊啊，那这个提交方式的话呢，我们暂时就先不给大家去说了啊，因为现在说了也不好去解释，等我们后面具体用的时候呢，我们通过实际的一个效果来给大家去演示，你到时候你就能记住了，明白了吧，你就先知道就行了啊就提交的方式好，那么在这里面我们会出现什么东西呢？我们就把最基本最常用的一些给大家去说一下，像比如说我们会输入这个，比如说我做一个注册，那注册的话让你输入什么呀，用户的名称是不是用户名啊，这是一个输入框的，这个输入框怎么表示呢？通过一个input来表示。

而这个input呢，它里面有个tap属性，这个tap属性是非常重要的，因为不同的tap它可以显示出不同的效果来，比如说tap我就是一个text，那么这就是一个普通的文本框，你看我把这个写出来以后，我们来刷新一下，看到这个地方没有，是不是有个文本框啊，对吧，这个框框里面呢，我们就可以啊，啊，这个框框里面呢，我们就可以输入我们的数据了，你看到没有。看到了吧，哎，这里面就可以输入我们的数据了啊好这样哈啊，我让他这个下面呢，我加上一些这个BR，顺带再给大家去说一下这个大这个是个什么东西啊哎，这是个换行是吧，我多换几行啊这样的话呢，我们就。

这个不用一直盯着下面看了啊，这就能翻上来了，看到了吗？看到了吧？OK，这个BR呢，就是一个换行啊，现在就给大家去说了吧，它的作用很简单啊，就是一个换行啊，它的作用非常简单，就是一个换行啊，那么这个用户名称我们就写好了，但是呢，大家注意在这里面除了tap之外的话，还有一个很重要的东西就是name，这个name是干嘛的呢？听我说啊，内蒙对于我们这个页面来讲，它没有什么作用，但是如果说将来你这个表单要提交，你要提交到后台的话，那么这个东西就有用了，明白吧，OK，那在解释内之前，我再给你说一个value，我通过这个value来给你配合的解释，这个value呢，就是来设置一下我这个输入框的一个默认值的，你看比如说刚刚我没有写它的时候，我们在刷新页面，发现它就是一个空的吧，但是我写上一个value了，比如说用户名是的in是吧，那么你再去刷新的时候，你发现保存一下。

不科学是吧，看到没有好产品出来了吧，对吧，它默认会有一个值在这个地方，当然了哈，这是一个默认值，你可以再去改的，比如说你把它改成什么，改成这个ABC了，那它就变成ABC了，理解了吧，就是你这里面输什么值，那么这个value对应的就是什么值，理解了吧，OK，那我这个name的话呢，比如说我现在随便写一个USER3NAME，它的作用是什么呢？就是将来等你这个表单提交的时候，它这个值怎么给你提交过去啊，他是通过这种方式来提交的啊，就是好，就是数据提交的格式来，数据提交的格式怎么提交的呢？就是U3NAME等于ain能明白吗？他是这么给你提交过去的，他就使用上了这个名字，加上你的具体的值，那么我们把这个数据，比如说他把这个数据提交到我这个后台服务器里面了，那我就可以使用你的userc name是不是获取到这个ad me了。

嗯，能明白了吧，因为像这个值的话，它是不固定的，我们在页面中是不是也可以自己去手动输入的，但是像这个user name你写到这以后，它就不会再去变了。就相当于我通过一个K来获取一个value，六明白这个意思吧，能听懂了吗？OK，好，那我再来写哈，那么这个解释清楚以后，下面的就好写了啊，你看一下我们再写个BR，回个车换个行啊，那么再写个用户密码啊，密码应该怎么写啊，它也是input，但是tap呢，我们就不能写text了啊，密码是不是不是铭文吧？哎，密码就是那个小点点是不是，那怎么写啊，通过password啊，那个的话我也给你写一个password，对密码来讲的话，你就不要再去写这个value了，是吧？那不可能有默认密码了啊，然后你看这个写出来以后呢，我们来看一下刷新是不是有个用户密码是是那个框框啊，但是这个框框你在写数据的时候，你看到没有。

啊，我不是专门写的点哈，啊，你写什么它都是一个点，能明白吧，这就是密码嘛，它是一个暗文，不是一个明文啊，就是通过这个check等于password来去用的，明白了吧，OK，好，那么除了这个之外，常用的还有什么呢？这是能手动输入的，我们是不是还可以进行选择呀，对吧？比如说用户的性别啊，这是个单选号码，是否可以有个男有个女士进行选择啊对不对，那这个怎么选呢？注意它也是通过一个隐步的来去写的，差呢，他是等于radio啊radio，然后呢，大家注意name肯定也是要去有的啊，Name也要有name的话，比如说就叫什么真德法性别啊，然后呢，比如说诶这个选项呢，我们希望它是哎男对应的是这个选择，然后呢，我再写个女。

你起码得有个男女嘛，对吧？啊，然后呢，就等于这个也是叫radio内呢，你必须也得叫真的，因为你不管是选哪个，是不是都要给人家这个性别做一个赋值啊对吧？OK，好，但是大家注意哈，你这么写的话呢，它有个问题，你看哈，有个什么问题呢？我来给你刷新一下，你能看到它是个单选框，但是你看我选中难我还能再选，诶选中男选中女是都可以的啊，这个没有这个问题啊，我是把这个去掉以后有这个问题你看啊，假如说我把今内部先给它去掉，去掉以后的话，我们来刷新一下，选中男我还能叫选送女，看到没有，这就不是一个互斥的效果了吧，怎么让他进行互斥呢？那就是必须得给他们制定上相同的内容，这就是互斥的效果了，能能分了吧，加上他以后呢，你看刷新一下，选中男女就没有了，选中女男就没有了。

嗯。看到了吧，OK，但是呢，大家注意，将来提交的时候，你提交什么数据过去啊，你不会把这个提交提交过去没用嘛，我如果你选中难的话，我是不是希望你提交一个难啊，对吧？但是这个东西你看一下，这就是一个普通的文字，它是不可能提交的，因此这里面我们都会要给他一个value，比如说男的话呢，那就是一个一是吧，然后呢，女的话呢，那就是一个零。二啊二是个什么鬼啊是吧？啊一跟零吗？能看到吧，哎这样的话呢，我们将来提交的时候，提交的就是一个零啊，这是一个单选框，OK，那单选框有，你说有没有多选框啊，用户爱好是吧？用户爱好OK有个啥东西叫做来比如说啊叫做什么呀，怎么写啊，Input tap等于什么呀。

好，Check等于check box e c KX check box就是一个什么但数多选框啊好，这里面的话我们也在写啊，比如说爱好呢，就是hobby啊，比如说呢，这是一个什么爱好呢？这是一个呃，吃饭是吧啊Y6等于什么呀啊比如说吃饭，那就是it对吧？哎，将来就提交一个it啊还有啥呀，比如说这个啊睡觉是吧啊应该是吃饭饭睡觉觉是吧？好check box，然后呢，Name呢，也叫做什么呀，也叫做然后value呢外叫什么呀？啊就是是吧睡觉啊那还有什么呀，打豆走了是吧，那就打呗。

啊打豆豆是不是啊来吧，那这呢等于check box啊，然后呢，Name呢，还得叫做好北哈，然后呢豌呢，那就是这个大豆豆是吧？对吧？啊没毛病啊来切好以后呢，我们就来看一下，刷新一下，你看它是一个什么呀，方框的，你打勾呢，它就有个勾，你看是不是都能勾上的呀，这叫做多选啊，你再勾一下呢，它就没有了，看到了吧，OK，这也是我们常用的啊，用户爱好啊，那除了这个之外还有什么东西呢？再来给大家说一个，就是我们的下拉列表也是常用的，对吧，比如说呢，呃，城市啊用户的地址吧，那这个地址的话呢，我们就写一个，你看比如说嗯，省份，省份的话，我们用一个什么东西啊注意这就不要再写什么隐部的了，它就是一个select了解吧，它就。

这个select，而在这个select里面呢，我们同样也得给人家去写上什么呀，Name就是你将来你要提交什么东西呀，是吧？哎，就比如说就是省份，那就是pro省份啊，这里面你得让人家选择吧，怎么选呢？每一个选项都是一个option option不就是选择的意思吗？对吧？在option里面呢，你让用户看到了那个，比如说山西省是吧，能看到吧，哎，这是用户能看得到的啊，比如说我再来写两个啊啊，比如说山东是吧，啊，山东省啊，然后呢，河北是吧，河北省。

OK，那我就把这个写好了，先发学方，大家注意了哈，我来刷新一下，你来看这个东西是不是有这个下单列表的效果，对吧？那比如说我选择河北省了，你将来提交的时候，你提交什么呀？你把这三个字提交过去了，不会的，这也是一个普通的文本，他提交什么东西呢？他提交的是每一个option里面的value，比如说山西省呢，就是一个山西，对吧？然后这个呢，Y6山东省呢，就是一个山东啊，那河北省的那就是一个河，河北他提交的是这个东西，能理解了吧？诶提交就相当于加了就是诶pro等于三西就给你提交过去了。啊，是这个意思啊，那么这也是我们最常用的叫做什么下拉列表，那你看一下，基本上我们在注册的时候也就是这么多东西了吧，常用的是不是这么些的，OK，好，那么我们就给大家讲这么多就够用了啊那最后呢，还得有一个你写完了，你得是不是得按个按钮啥的呀，对吧？哎，我们得比我们要写一个什么input check等于什么呀，哎，我们叫做submit啊，然后呢，Whether你就写一个什么呀，比如说呃，注册啊，注册下发以后刷新一下，诶它就是这样的一个什么按钮，你看到没有，你只要点它，它就会朝着你写的这个地址去提交，明白了吧，比如说你看我还是暂时呢，把它改成一个地址吧，还改成谁啊是吧啊钟爱与百度是吧？啊，我希望你们以后都去百度是吧。

好，我还是写成一个百度，那么这样的话，你看的哈，只要我去点击它来，我先刷新刷新只我去点击它，它就朝着百度去，你看到是又开始努力的挣扎了，对吧，是不是开始了吧，诶，它就开始跳转了，只不过它是跳不过去的啊，我没有网络，那么这就是我们常用的一个表单，大家一定要学会。

理解吧，OK，那么一会我们要做那个登录页面的开发，就是用这个表单来去做的，听明白了吗？OK，好。