00:01
好了,能看到屏幕吧?好了,那咱们看一下这些早测啊,就是你记住以后所有的测试,测完以后,我告诉你哪个不对以后啊,你自己把你的代码去放到你的编辑器里面去运行一次,你就知道哪块对哪块不对了,当然对于HTML而言,它是相相对来说比较松散的,比如说你写一个标签啊,比如说你写一个这个呃,A标签吧,然后结束的A标签,这是什么呀?这是不是一个跳转超链接标签。对吧,需要配个什么ref属性,是不是这样的。啊,你那你那能点。老师,我不知道他们几个能不能看见,能让他们说句话吗?你们得在那个微信群里问一下。现在呢?现在可以了吧,啊好了啊,那么咱们看啊,像这样的A标签,咱们知道它是可以干嘛呢,可以跳转到另外一个地址的,对吧,那么如果说啊,如果说在页面中,这只是针对于A标签而言啊,你就这一个A标签,你没有它,它都照样能跳转。
01:16
明白吧,为什么说在页面中只针对一个A标签,如果你还有其他标签,比如说还有什么B标签呢?还有什么P标签呢?那么所有的这些标签都会被规划到A标签范围内,所以你点谁都能跳转了。明白我说什么意思吧,就是HTML是比较松散的,就你只给了它开头,不给它结尾,它能不能识别到,能识别到。明白吧,还记得昨天我跟你们讲的时候,我说在1999年就已经有H5了,对吧?那么W3C在那个时候做的什么?做的是叉HTML版本,就是严格版本,但是严格版本做不到的,你想让用户严格的按照你的那种条件去开发,那用户做不到。对吧,所以浏览器所有的浏览器厂商不跟他玩了,开始干嘛呢,开发H5就是这么样的啊,所以它是支持这种松散模式的,好吧。
02:02
然后呢,你们把你们的代码拿上去,去挨个的去试一下,看看哪个是不出效果,哪个是不对的不就知道了吗。明白什么意思吧,那剩下的是不是就开始去你去背去练了啊,那么在练代码的时候,不要像背英文单词那样了,不要像那么去背,那么去背意义不大啊,一定要怎么背呢?就是你写在那个编辑器里边,你写一个看一个效果,写一个看一个效果,这样的话呢,你再去记的时候有什么好处呢?就是第一你知道这个标签是什么意思了,第二你能马上看到这个效果是什么样,要这么去练才管用,然后呢,你说我练了好几遍,我也记不住,那怎么办?剩下的事就是拿笔去写了。啊,就是老人说的好脑瓜不如什么,不如烂笔头,那我们就干嘛拿笔去写好吧,然后咱们来看一下吧,设置网站关键字怎么写的,没的标签,然后什么呀,有一个name属性叫做k was,然后content内容后面开始跟什么跟它的关键字对吧?包括这种单标签,我不给这个斜线,他会给我包错吗?
03:06
不会你记住啊,HTML你随便玩,你就玩出花来,他也不带给你报一个错的,起码至今为止我还没见过HTML给你报错了啊,所以你可以随便测试随便写。明白,然后再往下来,请写出五个块状元素,咱们说了目前为止在HTML里边我们所说的块状和行内,它们是什么样的?块状是不是独占一行?行内是不是不会独占一行?对吧?那么大家记住啊,我们平时所说的块状元素仅限于在包的标签中出现的标签,刚才我看了有人还写了link标签,Link标签写到哪里了?Hi里的对吧,然后呢,它是用来连接文件的,还有人把title标签也给我写上来了,对吧,黑标签我们是测试不出来它是这个块状元素还是行内元素,因为什么?因为它属于浏览器的前期信息,是头部信息,它是直接先发走的。
04:00
明白吧,我们只能去测试它末尾的,就是它的尾部信息,也就它的主体信息,所以块状和行内仅限于包标签中的所有标签啊,那比如说咱们学过的都有哪些有这个P标签?Ul标签什么?哎,H组标签,你这个H1到H5,你写五个都是对的。它都是宽容元素啊。对吧,所以这都是送分题啊,行内元素呢,我就写三个够了吧。还能再往上写吗?Div是不是也学了?嗯,Div标签还有什么标签?OL标签还有呢。Ul写啦。DT。DDDLDTDDDL对吧,然后还有什么table,这不都是吗?是不是有很多呀,对吧,你记住只要它读占一行了,它就是扩容元素啊,那行内元素呢。
05:02
有A,有妹姐,有SPA,还有什么什么U。然后还有昨天我还讲了个ins,这是不是都是啊B,还有什么strong,然后还有什么I input这些是不是。你随便说都能出来五个对吧?然后请写出定义无序列表的标签是谁呀?Ul定义物序列表对吧?哎,然后请写出带有默认选中的单选按钮,注意它是考两个,第一个是默认选中,第二个是什么单选按钮,所以这里边要写的时候应该什么input type等于I do好了,第一件事我完成了,对吧?然后呢,接下来什么he e check是不是中默认选中。对吧?然后这里边别忘了再加一个名字,哪怕你这个名字留个空都可以对吧?一个名一个Y6值,以后记住只要写表单,这两个一定要带上好吧啊,那么再往后请写出出体标签,那么其实你要看清楚啊,人家考的仅限于出体而已,虽然你写的矢状对不对也对,它确实是出体对吧?但是呢,它是属于什么?属于这种逻辑标签,我们这个题考的就是一个物理标记,你就直接一个B标签,就什么毛病都没有。
06:24
明白吧,然后请写出上标文本,上标文本什么呀,Super对吧?原格是输出标签呢?呃,换行标签呢?BR对吧?这个都都是都是什么呀,都是属于送分题了吧,斜杠啊,然后请写出实体空格什么呀?按NBSP加分号,注意啊,它是加分号,这就一个整体。明白吧,然后呢,这个东西啊,不是说三个这个符号代表一个空格,它一个这个就是整个啊,整个这一个整体叫一个符号好吗?这一个符号就是一个空格了,三个这个在一起相当于是一个汉字的大小了。
07:06
明白,因为在UTF杠八字符集下,一个汉字约等于三,呃,一个汉字不是约等于啊,一个汉字等于三个字节啊,三个字节我们英文的空格,一个空格占位的大小就是一个字节,那你要想让它等于三个,等于一个汉字大小,是不是就要需要给三个空格才能等于一个汉字对吧?因为刚才考试的时候,我看有人对这个点是比较懵的啊,然后再往后呢,当前目录中有一个a.GBG的图片,你看当前目录中对吧?然后请这个加载到页面上,并且实现点击图片跳转地址,那是不是?换句话来说,它考的意思就是什么呀?一个A标签套一个。以面积标签吧,以面积标签的RC地址应该写上a.GPG对吧,然后A标签的这个h ref属性呢,它需要干嘛呀,跳转到HTTP冒冒号。
08:05
呃,有没有S啊,有冒号衔接3W点百度点com是不是这个意思。明白了吗?我如果再考还会错吗?再错,我要你们按照名称笔画来抄遍数,这没问题了吧?啊,所以今天早上我不罚你们,明天我还会测,还会有重这个重复的题出现啊,但是明天的考试要涉及到罚抄了。好吧。没问题吧,啊好了。我把这个就先保存了啊,你们保不保存这个都没有用。然后我们打开,诶不对,我换电脑了。啊。卡了吗?你把你网线往里怼怼。别掉网,掉网就看不到屏幕了。
09:00
我我先创建目录啊。这个我叫什么呢?叫H5吧,我有一个web了,我这个叫H5,今天是第二个了啊,我就直接往里面串创建第二天了,Les so02。然后呢,我们还得拿一个笔记。给他声卡。别给我乱碰啊。呃。笔记转过来。新建一个叫做扣,这是我们今天的代码啊,你好了吗。没好重播一下嘞。停止继续,现在呢?你重启一下吧。我不怨我了,现在全屏了吗?
10:03
可以了吗?你你你重启一下,然后你先看着你同桌的啊。起来。用我们的编辑器把这代码打开,然后再把这个课件打开。丁一款大的有一点。真舒服。该学哪个啦?表单标签了是吧?好了我先问一下啊,还有没有这个image标签跟A标签不会的,尤其是里边的地址的跳转和加载。会不会会?你会不会不会是吧,其他人呢,还没有了,我把啊。我把A标签跟媒体标签这两个标签再讲一下,因为这两个到后期我们会经常去用啊,这两个呢,光去学标签是没有用的,谁都知道这个呃,叫什么。
11:06
啊,A标签是跳转的对吧,然后以面积标签是加载图片的,但是问题是什么呢?问题是图片怎么加,跳转地址怎么写,是这样吧,所以这里边我们先来看一下这个A标签,这个我先问一下啊,绝对路径跟相对路径大家知道吗?绝对路径还有相对路径对吧?那么咱们说了什么叫绝对路径啊。哎,对了,从根开始查找就绝对路径,比如说你们买的快递都是绝对路径。这个好理解吧,你看啊,你要想往这寄东西,是不是得写什么北京市昌平区北西家镇,然后鸿福苑社区,然后什么什么什么什么,具体写到门牌号,写到你的姓名电话号,是不是你才能收到这个价,对吧?这种就是绝对路径,从什么从省开始去往下写。
12:06
对吧,省市县区怎么怎么样,一直往下写下来啊,这种叫做绝对路径,所以我们在网上去用的很多的地方都是用的绝对路径,那么绝对路径在网上我们看到什么样呢?先是从大家还记得昨天我给大家讲过一段URL,还记得吗?URL是什么知道吗?来,咱先不拿这个,呃,专业名词解释啊,我昨天讲的时候是不是用了这个叫做3w.com对吧,我说的这叫什么,这叫360搜索我们搜了一个帅哥。说完帅哥以后呢,这块是不是就有一串内容啊,这个东西是不是叫做UR啊,对吧?URL的这个官方名词叫什么呢?叫做统一资源定位服务。统一资源定位符,明白吧,那么这个的组成是由什么呢?前面是什么东西?
13:00
啊啊,对了,再说域名我都想自杀了,你把窗户关严,我怕我跳楼,然后第二段叫什么?哎与名,然后再往后这个东西呢。是的。没全屏吗?全屏了,我全屏了吧。现在呢?现在呢啊。好了。这块相当于是什么访问的某一个页面对吧,然后呢,再往后呢。遇到问号什么了,哎,表示开始穿插了啊,表示开始穿插了,至于参数是什么,跟我们都没关系。对吧,这是不是就整个URL的一个分解啊,现在记住了吗?哎,所以说那么我们要想去做访问绝对路径的话啊,来比如说A标签去。百度,那么我问你3W点百度点com可以不?
14:05
可以吗?可以不可以,为什么?对了啊,来看看可不可以啊。当我点击去百度的时候,去了吗?没错,他告没去,他告诉我什么404 not not found没有找到,对不对,包404,就是只要是四开头的,基本上都什么没没找到的,那么这个时候你看。他给我访问的啊,注意前面这个路径,你看HTTP人家也是给你有了这个东西,对吧,只是什么呀,只是因为我们用了这个编辑器,用了这个编辑他会给我们做一个什么呢?做一个虚拟的服务环境。能明白吧,就是假的啊,就是让你当做这个服务器去访问,但真实的情况下是这样吗?不是的,你看好了,我这里边是不是有这个复习点毛,这是不是这个文件对吧,我直接在这里边双击能不能访问到。可以的,因为浏览咱们所学的HTMLCSS加script都是由浏览器直接解释执行的,对吧,所以我不需要通过服来这个通过协议来去走,就通过服务端去走的,所以我可以直接双击打开。
15:11
明白什么意思吗?然后呢,你看在这里边的这个路径,他写的什么。前面是什么,是不是也是协议,对吧?你见你就记住,只要是长,你可以不认识的,你可以不知道他是什么协议,但你记住,只要长这个样子的。这个是特殊的,有三个杠,一般的咱们协议是不是就俩杠啊,什么HTTP冒号斜线斜线对吧,或者HTPS冒号斜线,或者FTP冒号斜线,或者FTPS是不是都是俩斜线,只有这个特例三个斜线,这个F它表示什么意思,本地文件。本地文件协议,然后从什么呢?从C盘user admin desk top h5lesson02code复习码,是不是它相对于我系统的一个绝对路径?看到了吗?啊,那么这个时候你看到这个绝对路径,当我一点击去百度的时候,你再看。
16:03
看第一个看刚才我们通过虚拟环境,这个我们不理解,看这个能不能理解什么意思了。他实际上给我做了什么,是不是把我3W点百度点。com当做什么,当做是相对路径了吧,对吧,可能现在我们没有相对路径这个概念,但是至少现在我们看到它不是绝对路径,对吧?所以大家记住,在网络上要想去跳转绝对路径的时候必须加。协议啊,必须加协议,对于百度的话,你用HTTP和HTPS都能访问的了啊,它会自动跳转为HTPS,所以在这个时候你看我在这里面刷新点击去百度,你看是不是跳过来了。看到了吧,哎,但是呢,在这个URURL里面,实际上我们少说一个东西啊,少说一个什么呢,少说一个端口号。啊,因为对了,因为默认的端口号是八零啊,所以说在这里边我们看不到端口号真正的URL的一个完整格式的一个写法啊,我在这里边再跟大家去解释一下啊。
17:08
呀哈,我复习我复制这么多吗?来HTP冒号斜线斜线冒号斜线3W点百度点com,然后冒号八零下边比如说我用PP文件吧,比如说index PP啊不比如说index目录,或者说我叫这个home目录下边的index的PP问号,然后A等于ABC,并且B等于ddd,好了,这是一个完整的URL。明白吧,哎,那么前面是协议啊,就是我要通过什么呀,通过HTP协议去访问这台服务器对吗?那么一台服务器是不是就是一个电脑啊,你电脑里边是不是会装N多个程序,他怎么知道访问到哪个程序呢?那么那个程序有一个门牌号叫八零,就跟上了这个大楼一样,这个大楼一进来有N多个教室,你怎么知道咱们在哪屋呢?它有门牌号的,我们可以通过门牌号找到他,对吧?当然这个门牌号只就是对于我们自己而言,我们基本上只要看一次,下回我自己就能评论,感觉找到这屋了,是这样吧,哎,他也是那样的,他只要他认识的,他就不显示出来。
18:15
明白吧,可能大家在平时你们还会看到什么样的网址呢,比如说。192.168.111.123冒号1133,然后下面的什么引带个字啊什么的,见过这样的吗。见过这样的王子吗?没有这种是什么呀,他前面只是用了IP,他没有用域名。明白吧,因为最终我们的这个域名是不是绑定的也是这个IP啊,哎,所以他只是没有域名而已,它只是用了这个IP访问这台电脑里边端口为1133的这个软件的端口,就这个这个软件。明白吧?哎,然后这个软件下边有一个index的目录,这个index目录下边有一个叫index的PH的这个文件,就是这个意思,能明白吗。
19:00
能理解了吗?哎,那OK,绝对路径现在明白了。明白了以后再来说相对路径,相对路径是什么呢?是相对于我自己对吧,我当前在这儿,我要想找到你,那得从我的这个,比如说我的左边的两块砖,再往前走五块砖才能找到你,是以我为中心。对吧,绝对路径是以其他根源素为中心,相对路径是以自己为中心去找。能明白,那以自己为中心去找,那你就要看了,你比如说。在这里边啊,我们新建一个。这个目录对吧,比如说image image里边咱得放一张图片呢。来就你了。复制链接地址。粘过来。那我何必呢?我从这点一下不就好了吗。咱这网是。多多少少带点归宿是吧?
20:08
来,图片另存为。咱来个好基友。这是刚才我打开的吗?嗯。图片另存为。Yeah。复制图片地址。走,你。这什么它也是一个格式啊呃。我们是H5LESSON02扣的下边的以image对吧,然后有这么长一串,咱给它改的简单点啊,这叫啥E啊,1.pg好了保存,然后。喂,你好。反应迟钝,我都关了啊,没事了,一点记P记现在是不是有了,有了以后那你就要看呢,我当前看这个目录就可以了啊,你看code的下边是不是包含了一个以image目录,包含一个复习点这面目录,我当前是不是复习点上面目录,我要通过我的目录去找其他的内容,那么这个时候你看是不是跟他同级的有一个隐妹解。
21:19
乙面积下边有一个什么1.gpg。对吗?哎,那这个时候我要是说想去做一个相对路径的话,比如说在这里边啊,打开图片来打开图片,那相对路径的话,是不是就是当前目录下边有一个以妹对吗。底面积下边有一个1.gpg对吗。能理解不?来看一下,你记住在相对路径里边只有两个东西,一个叫做点,对吧,点代表什么,代表当前,一个叫做什么点点点点点什么,上一集只有这两个啊,所以你就是以你自己为中心去找就好了,那么这个时候你看我在这里面访问,可能大家有点懵是吧,我没有用1IMAGE,我直接写的打开图片,这是没有问题的,因为它是一个超链接嘛,对吧,我只是放到超链接里嘛,那我一打开它不就是去了这个图片地址嘛,去了图片地址,浏览器能认识图片,它直接给我显示了。
22:19
明白吧?能理解吧,哎,这回相对路径绝对路径会了吗?会了以后那再套东西,你是说想套什么吧?一妹姐,刚才我是不是复制了这个绝对路径的地址,这个图片地址,直接把这一那个面里边也可以放绝对路径的地址,对不对,那么这个时候你打开你看图片看能不能出来,出没出来。出来了吧,这是不是就绝对路径呢?相对路径呢?那是不是就是这个小家伙CTRLC,再来一个image s r c。Src。诶。好把它粘过来,那你看这个图片是不是也出来了,会了吗?相对路径绝对路径明白了吗?明白了以后你再来看来CMD这是命令虚拟,虚拟道士的命令行,这这知道不。
23:08
啊,然后当前我这个目录在哪呢?在我的C盘user下边的admi trailer对吧,那么在这里边我想查看这个目录下的所有目录,我通过DRR的命令可以去查看啊,这就是查看到所有的目录,然后咱们来看我通过CD切换,CD代表切换目录,切换到哪个目录,我当前在admi traer这个目录来。现实目录走一圈啊。就不要了啊。呃呃的密斯出ER当前是在这个目录下的,看到了吧,哎哎,正好这个录目录下有个桌面,桌面是不是就到我的桌面应用了,那那我先CD到桌面上吧,也就是desk top啊DES desk top进来,进来以后你看是不是到桌面了,现在路径变了吧,变了以后再来看啊D。里边有早测有H5有web有吧,然后再进往里面进,进到H5里边。
24:07
没问题,进来以后我在DR,你看这里边是不是LESSON02看到了吗?但大家有没有发现每一个我打D的时候,我说了D在这里边的命令是干嘛的,就是用来查看这个目录下的所有目录的啊,但是呢,这个东西你不用记啊,你知道怎么回事就行了,你要能记住更好,对吧?那么你现在看啊,这里边它每一个目录下都有一个东西的存存在。怎么?这个呢?这个目录下是不是也有。对吧,而且人家前面给你标注了什么是DR,是不是就目录的意思啊,对吧,就是文件夹啊,那么现在你再来看啊,那我再往里边切,我切到LESSON02里边。现在你看我的整个路径,是不是我到LESSON02里了,到莱森零二里以后,我再D查看的时候,这里边有没有这俩。啊。LESSON02的目录你看好了,你这写的啊,我刚才D查看,然后告诉我驱动器C中的卷没有标签,然后券的这个序列号是这个,然后你看路径是不是到LESSON02的目录,LESSON02的目录下面有什么呢?有这些,就是不是这个目录,那么这里面有没有这俩。
25:13
有吧,每个里面都有,那么其中这个点来,你看CD它既然是个目录,我是不是就能切呀,CD点有变化吗。CD点有变化吗?没有,因为什么它一直是当前目录对吧,如果CD点点呢。上一局了吧,CD点点是不是又上了CD点点,又上了CD点点,又上了CD点点。到C盘根目录了,看明白了吗?哎,所以说你记住点儿代表当前点点代表上一级,只有这俩相对路径里面只有这俩没有别的了。能明白吧,这回清楚了吧,哎,那OK。好了,那这块完事以后我就过了啊,你已经说清楚了,那我就不管了,接下来我们再来看,我们要去讲我们的怎么了,表单是吗?来FORM01。
26:00
表单呢,昨天我们介绍了一个开头对吧?嗯,继续介绍啊,表单的介绍。然后这里边要想写表单,先把谁写出来form标签,哎,把它格式缩进一下,Form再往里边缩进一下,所以你在写代码的时候一定要看好层级关系啊,然后method的方式通过get的方式传输,昨天我们学了哪几个form标签啊,一个是input等于。Test这是什么呀?一个普通文本玉对吧?哎,这个专专业的名字就叫普通文本域啊,叫做普通文本与,然后在这块,因为它是一个什么,它属于一个行内元素了,对吧,它不会独占一行,所以我给他B换换一行对吧,当然这块你可以任写,比如说我写用户名。名呢用户名对吧,然后还学了什么,还学了一个密码域吧,那就是。
27:00
Input的psswd input type等于password一个名,然后咱们说了,我们先把什么呀,把value都给它加上啊,Value都给它加上。真的没问题吧,哎,然后呢,当然啊,这里边你像一些什么ID属性啊,Class属性啊,都是通用的,所有标签都可以用,明白吧,只要四个签,只要你能写进去的东西,它都能用这些属性啊,然后再往下,这是我们的密码,密码的效果是什么样的,是不是我输入的所有的东西都会变成什么,变成实习的点对吧?然后还有什么呢?还有我们学了一个input RA。这什么呀,单选吧,单选一。单选啊,但是咱们说了,在这里边要想实现单选的话,我们必须是什么呀?哎,对了,必须是内名一致才能产生的排斥对吧?所以这里边我给他两个six,当然了,如果内幕名一致,那我是不是可以通过值来进行区分?
28:00
对吧,那么这个时候我们来看一下它能不能实现到单选的效果。没问题吧,哎,然后呢,在这里边咱们说了,我只能点这个标签它才能做选中,但是我想点文字做选中的话怎么办?咱们是不是可以用label标签进行什么标注啊labor,然后结束的labor,那么使用label,我如果是这么去写的情况下,那么怎么办?我是不是可以在这块通过for来去。绑定对吧,你for谁for这个ID对吧?ID你看你启动了,比如说ID我叫six,那这块我就for six对吧,那这个时候你看我点它是不是就可以选中了。看明白了吧,对吧,如果我想让他再默认选中一个是不是,诶我再往里面加一个什么呀。Heck ED这个属性啊,它是不是就做到默认选中了,看明白了吧,哎,这是我们基本的啊,这些常用的,那么再往下来还有什么呢?还有复选框,就是说我有一些爱好。
29:03
来。银的叫什么box take box啊,然后爱好ho by ho vavlu吧,然后我从零开始,爱好什么呢,爱好。睡觉。爱好吃饭。爱好吃饭爱好游戏爱好,只要不打代码,其他都爱好是吧,还有啥?啊,唱歌跳舞。你还有什么爱好?啊,帅哥的爱好不是不是他的专利吗?啊,看剧,那给你加一个看剧好了,是不是有这么多爱好对吧,那么爱好咱们说了,它是作为什么,作为复选来使用的,就是多选的啊,那么这个时候你来看。
30:09
好,来,你看是不是一堆暗号啊?当然了,我点文字行吗?不行,那怎么解决呀?哎,对了,来这我不用再写了吧,哎,那么现在我就只点它了啊,比如说我爱好睡觉,爱好吃饭游戏,这这没我爱好的了。来吧,比如说我就爱好这俩啊,那爱好这俩以后,现在他们俩是被选中的,对吧,那等我不爱好的时候,我再点他,他是不是可以取消掉,看明白了吧?啊,这就是这种复选,就是你可以干嘛呢?选择也可以干嘛,也可以取消啊,那么他提交以后的效果是什么样的,来一个input沙。Me,他来个提交来看好了啊,选选走你你看后贝零号贝零提没提交上来,因为我都是零嘛,我给123456好重新来过。
31:11
来。睡觉吃饭,游戏走你你看。后呗零后一后呗二拿没拿到,拿到了吧,但是我告诉你,如果你这么写,后端骂死你。为什么?因为他就能搜到一个后背二。前面的后背零和后背一他收不到。因为名字相同。名字相同,在后端的时候他会被替换掉的,他只会拿最后一个。明白吧,所以你要这么写,后端的骂死你啊,所以怎么办?记住凡是有多选的时候,把他的名字加一个什么呢?加一个仓库,加一个括号,这个叫什么括号。中括号吧,哎,你加一个中括号就好了,剩下的事跟你没关系了,明白吧,你只要加中括号,后端再收不着,那是你后端自己的原因,自己去找原因去跟咱们就没关系了,记住吧,哎,所以这个时候当你加了中国号,你再看一眼提交效果是什么样的啊,来找你这里边来睡觉一睡觉二啊,不对。
32:13
就这仨啊,来点击提交,点击提交以后你看。有变化吗?有啥变化,就多了点这玩意儿吗?这俩玩意是什么呢?在地址栏里面,它实际上就是把这俩符号给你转移了而已。把这俩中国号给你转译了啊,就是仅此而已,他实际上他这么写完以后,什么意思,就是这么个意思,就是hobby中国号等于零,然后再并且how ho b by hobby中号等于就是这个意思。明白吧,那有人说那这名还不还是一样吗?不是在后端,只要你加了中国号,它在里边,它是一组数据,不是一个数据,明白吧,你没有加中国号的时候,它是一个什么?单一的一个数据,当你加了中国中国号以后,它是一组数据了,所以我们要把它加上。
33:00
能记住不啊,这个我没有办法去拿后端再给你测试一下了,但是你记住这个事儿就可以了,好吧,啊,那OK。这就是我们的这个爱好,爱好完事以后再往下还有什么?嗯。F、文件上传。来吧,Input。有一个name,有一个I Di Di,这个里边给不给value都行了,来吧,既然我都已经说了,我们就给它加上啊,加上这个费用以后,咱们来看可以进行什么选择文件,你看我一打开它是不是就要去选择图片了,对吧?哎,我可以什么都选择,我选择这个叫什么。诶,我这好像是个视频呢,啊行,我选择一个视频,你看是能选上来对吧,选上来以后啊,这个东西大家记住,因为我们做前端的也会涉及到文件上传啊,我们会涉及到部分的文件上传,那么想做文件上传,大家切记一件事。
34:01
这个东西不能用了。不能用了,因为什么?对太小了,必须改为post,必须改为post,而且还要改一个地方,什么地方呢?就是表单的传输编码格式,就是enc等于。只要有表单上传,就必须加这句话,现在你可以不记啊,你只需要给我记一件事,就是表单上就是有表单有这个上传,表单出现的这个form有一些特例,你能把这句话给我记住不?这句代码我不需要你去记。OK吧,这没问题吧?那么这个特例是什么?我先写到这里边来啊。嗯。第一件事干嘛呢?只要有了这个表单上传的话,咱们说了这个表单的这个传输方式必须为。
35:06
必须为了。这不用你理解,这是给我背的啊,这就是什么叫王八的定规定,你给我记实记的啊,这是第一件事,第二件事呢,更改表单。的这个什么呀,传输编码格式啊,怎么改的,En等于U。以二进制方式传输,我没有打错吧。Ultull ti。PAR。T,这回对了吧?Gone from-data-from data,我为什么不复制一下呢?有点太相信我自己了,好了啊,这两句话我给你放到这了啊,你用到上传表单的时候,你过来把它给我复制过去就可以了,因为很少不需要你去记,但是最起码你知道有这么一个,有这么一个事儿能明白吧,哎,你能查到它在哪就够用了,可以吧,哎,好了,那这就是咱们这个表单那么一样啊,大家在做的时候,那你说有没有人可以做到多文件上传呢?我们经常也会用到啊,比如说我按住CTRL键选一个选一个选一个。
36:27
不好使。诶。诶。我还拉也拉不了,看懂了吗?就每次都是什么单个文件上传,但我们在做的时候有没有多文件上传,有多件怎么办呢?在这里边需要去做两件事,第一件事给它加一个属性叫ul multi player。啊,多项的意思对吧,那么这个时候再来。诶。能不能选中了,打开告诉什么呀,六个文件是不是选中多个了对吧,但是同样只要选多个,它是不是就为负数啊,为负数的时候,你一定要切记就跟爱好,爱好是不是负数。
37:07
你看我可以选多个L,选多个是不是就为复数啊,为复数我把它的名字怎么样了。加了个中括号,所以你记住,一旦你的表单长这个样子的时候,那么你的名字也给他加一个中括号就好了。剩下的跟我们就没关系了,明白吧,能明白吧,啊当然了啊,后期我们用到一些组件的时候,可能不需要这么麻烦,但是你要分时,如果就是我们要跟后端配合的时候,这一点我们确实要记。能明白吧,剩下组件里的问题我们再说,单说组件了,好吧。哎,晕吗?晕吗?别不好意思,我告诉你,晕了,过过这村就没这店了啊。直接给中国号啊,那他没有名字啊,先写的这个东西是名字,你写什么都行对吧,比如说咱们写一般肯定写个专业的,比如说头像我叫pic对吧,或者是一些文件,我叫PH怎么都可以对吧?那后面加上中国号以后才代表什么,代表了这个名字是一个大容器,你可以这么理解,是一个大容器可以装多个,如果你不给的中国号呢,它就是一个名字,就只能代表一个人对吧,我加中国号,它代表一个班级。
38:19
这能理解了吧?那个那谁呢,能明白不。那OK啊好了,那这是我们的这个。多文件上传啊,得配合这个属性啊,当然这个属性目前在笔记里边你们没看到,在下面有啊,然后再往下来还有什么东西。完事了,还有me image,哎呦,这些东西。来吧。不用说了吧,作为提交的对吧,还有什么东西呢?呃,Input等于image,这个一到image以后,你看它是不是有个src啊,Src是什么东西,是不是经常我们在图片里边SC是看的最多的,是不是引入一个图片地址啊,哎,它就是干嘛呢,让你用一个图片来当这个提交的按钮,就是来代替提交按钮,那图片咱们有吧,当前目录以image的下边,Image目录下面有一个什么图片来的。
39:15
一点几PG对吧,好了,那现在你来看刷新图片是不是有了。妈,这俩人是亲嘴的,好了,我打个额的密啊,提交。我没写内部名吗?我的咪。我选这个吧,啊来提交。都没给名吗?我看看啊,那没给名。来给user,但是我的单选不是给名了吗?他怎么没给我提交这个value呢?重新刷新一下。把多余的给它先去掉,然后这里边儿me。单选点击提交,我点的是图片是吧?哦,为什么没有,因为我改为POS的方式了。
40:03
好了,这回再重新来过,然后来个呃,Me,然后点一个这个点个图片,你看传不传来。找了吧,是不是就是用图片代替这个提交按钮啊,哎,那OK,这个说实话,从我自从学习以来到现在为止从来没用过,真事啊,从我从我会前端那一刻,我会前端那一刻可不仅限于我讲前端的时候啊,和我做前端的时候,我从一几年的时候,一零年的时候我就已经会前端了,但那个时候前端没有那么多东西,就是HCSSJS完事。所以从我会到现在为止,有12年,我。没用过,我只讲课的时候用过啊。告诉你们一声,然后再往后还有什么东西,还有这个。呃,Reset干嘛呀?重按钮对吗?Input叫reset,然后写上重置,这个重置到底是重置什么呢?你看好了,比如说在这里边ME123,然后选了它选它它然后点击重置还原了。
41:08
看明白了吧,就是还原了你表单的默认状态好吧,哎,这里面说到这儿啊,就是我能不能让爱好也默认选中一下。可以给那个属相。哎,我就给吃饭默认选中了啊,你看是不是选中了对吧,当然了,咱说这时候我一刷新,这是不是我表单默认状态对吧?那么当我操作了A的me,然后123唱唱歌跳舞加了两个以后,我一点重置,你看是不是又还原这两个默认状态了,因为默认时候这两个就被选中了嘛。能明白吧,哎,那OK,这就是重置按钮,然后重置完事再往后还有什么呀,还有这个隐藏域对吧,隐藏域就是用来隐藏的,提交一些信息到服务端的。啊,那么在这里边我们给他个input hid in hidden,然后内幕名,比如说我们来一个什么呢,来一个保密。
42:01
Y6等于。就不告诉你好。写完了往上往上放啊。刷新有效果吗?没有隐藏域嘛,隐藏提交的,但是能不能看到,能看到右键查看页面源代码来,你看有没有这个。有吧,所以我说了,我们前端是什么防小人不防君子的啊,它是可以看到我们的源代码的,看到源代码他们是可以通过一些手段越过我们前端的限定的啊,前端的判定,但是所以说我们再去做的时候,就是做项目的时候,前端一定要去做验证,比如说你输入的用户名是否符合要求,对吧?那么前端验证通过以后,后端也一定要验证。啊,不可能说前端光光前端验证完之后,后端不验证,不可能也不可能说前端什么都不验证,对吧,让用户随便输入,然后让后端验证,那后端承受不住。明白吧,哎,所以都要验证啊好了。那这是我们的这个隐藏域,那么隐藏域当你点击提交的时候,它会它也会提交啊,来你看我这里以为,诶不对,这是重置啊,我就直接简单提交了,来你看就不告诉你上不上来。
43:09
上来了吧,哎,他是可以提交的啊,就是隐藏的被提交走的,就是这个意思啊,当然了,这里边还会有一个问题,我先先不说吧,说了你们容易懵,我们先继续往下啊,然后再往下,还有什么呢?还有这个巴马。T,完事是不是不是就button了?Button有好几种写法啊,你看好了,如果说我是这么写的,Input type type等于b To Button,然后在这里边它就是一个按钮啊。然后我们给他一个name,然后给他一个value value对吧,然后叫做什么呢?叫做按钮,这个不用给name,他给name。没啥用,然后诶我的按钮呢。哪多个T?隐扑特特来按钮有没有,我点点点点点点你看啊来呃的ME123你看啊,点按钮还有提交吗?没有,它毫无意义,它不是它不是在这块用它干嘛呢?后期我们学GS,它是给GS提供的按钮,对吧,就是这个按钮的这个按钮对吧,你可以给他加事件啊,加上GS一些事件一些处理特效是这样的啊,所以他不是给这个表单原生去用的。
44:25
能明白吧,哎,这就是咱们这个普通按钮,当然了,这个按钮还有什么写法呢,我还可以这么写。哎,对了,B To Button标签,结束的button标签对吧?如果在这里边你写按钮的话,你看好使吗?啊,按钮一,我写个按钮一啊,来按钮一看好了,这里边我来个a me,当我点击按钮一的时候,你会发现内容怎么样了。提交走了,看到了吧,也就是说如果你这么写的话,它代表什么呢?它实际上是不是代表的也是submit。对吧,哎,所以说这里边你要想这么写的话,那就type等于什么呀。
45:01
Button给他转过来,他默认是type等于me。能记住吧,哎,所以你要给它设为八,因为这种就是这个东西呢,是实现有好几种实现效果对吧,可能你在记忆起来呢,会比较懵,但是你只需要给我记一个。任意一种方法,你给我记住一个就行了,剩下的你做到什么呢?你见到以后变蒙,你知道哦,它就是个按钮提交用的,对吧,能区分开这个就可以了,哪个就是一个普通按钮,哪个是做提交用的就OK。能明白吧,哎,好了,现在我们再来看刷新,来这个是什么按钮一了是吧?来你看123点击按钮一,这回是不是变成按钮不动了。能明白吧,哎,所以说在这里边咱们来看一下,我就给大家写出了这么多种写法,它默认的时候是me。啊,所以我们可以改为button,让它变成什么,变成一个普通的按钮,好吧。然后再往下还有什么呢?还有多行文本输入域。
46:02
来TAA啊,这叫多行文本输入域,然后也一样,你给他起个名字,一般我们这里面都写的什么,写了一些备注对吧,然后呢,这个。呃,给他50列吧,50列然后。五行,然后我们来看这是不是就有了不好看,给他换个行啊。来是不是有了,有了以后咱们给的是50列五行,五列我就不撤了啊,你列不用测啊,给行就行了,来那五行是不是就代表这里边只能写五行啊。ADE,这是不是两行了?C,这不五行我还能再写吗?F,写没写出来?DABCDEFG。HIJK,写没写出来,写出来了吧,啊,它咱们所说的五行只是怎么样,默认显示五行的大小,明白吧,哎,只是超过五行以后,你看A。
47:02
BCCDE,这都没问题对吧?当我再回车写第六行的时候,你会发现右边有什么了。滚动条了嘛,啊,所以它只是显示五行的大小而已啊,然后这就是咱们的这个叫什么。呃,多少文本输入域啊,多少文本输入域好了,那再往下还有什么。下拉列表对吧,还有下拉列表分组还能定义标题。这么多呀。这些是新增的,我们先看下拉列表吧。下拉列表见过吧?Select select这里边有内,比如说我们来一个婚否。然后。ID不要了啊,然后这里边op,比如说默认我们来一个杠杠,杠杠叫什么呢?叫做请选择啊,因为它代表下拉列表,而这个代表什么呢?代表下拉列表中的每一个列表项。
48:05
明白吧,所以说在这里边就请请选中也行啊,然后再来op t op t ion,然后我们来一个比如说单身,然后已婚离异丧偶,好,单身已婚然后离。B还有一个so。好,然后这里边的值可以来区分,比如说这个是选择对吧,单身为零,已婚为123 OK搞定,然后我们来看一下效果走你你看请选择对吧,然后选择单身呐,选择离婚啊,选择离异啊,选择丧偶啊,然后你点击这个。提交啊,然后拉到最后边婚否里边看看是不是就有三了,对吧,我选的是谁呀?上偶吗?我看选的是三谁0123对吧?那比如改个啊,这是几零一改个一,然后我们点击提交,然后你看最后这里边混否是不是变成一了。
49:05
看到了吧,哎,这就是一个下拉列表,那么下拉列表能不能有默认选中的时候。也有这种可能吧,比如说你看啊,我这个人就比较犟,我就把这个叫什么请选择,请选择肯定是默认选中的,对吧,一进来以后他一定是默认选中,现在刷新它是默认吗。不是对吧,因为什么,因为我把它放到最后面来了。对吧,那么这个时候我要想让请选中这个这个项做默认选中怎么办呢?在这里边select。Seed,然后这个时候刷新,你看是不是又回来了。看到了吧,哎,就是你给哪个里边加这个select的话,哪个里边就做默认选中。能明白,问题来了,如果我把所有的都加呢?哎,代码在手啊,猜错者自焚。
50:04
选的谁?最后一个它会有一个覆盖的效果的,明白吧,他不是说没不一样,就是先选择它,就代码在执行的时候,他一看他有这个属据啊,选他了,再往下执行的时候,他有这个属据就选他了,选因为这个这个叫什么代里面它只能显示一项嘛,对不对,所以说他就把它给替盖掉了,覆盖掉了明白吧,然后呢,他在代码再往下执行,就浏览器往下执行代码的时候,又执行到这个它又有,那他又把它覆盖掉了,以此类推,所以最后显示的永远都是最后一个。能明白什么意思吗?能明白吧,哎,那OK。好了,这就是咱们到目前为止我到哪了,到这儿了是吧?来这是最原始的,就是HTML4里边常用的表单项,剩下往下的都是里边的。能明白吧,OK。下课休息不讲了,下节课练背记没问题吧?啊,好了。
我来说两句