00:02
呃,这个代码呢,我就不再去复制了啊,我回到HTML。下面呢,我再来给大家讲一个叫添加。添加了这么一个功能。我在这边有个table啊,这边有个table,这个T里面有个table。看一下啊,这个table。那么在这个table下面呢。我给再来写一个。我先画一个直线,把它分割一下,然后呢,我写个form。是一个form表单,但其实说实话,同学们当前这个form表单其实没啥用。其实没啥用,所以干脆我就写个DRP算了。因为咱们现在还没有学服务器端编程的啊,没有办法往服务器端去去提交。ID我就写个叫ADD fruit。好,就这样子。然后在这个里面呢,我肯定需要一个table。好,这个贴波呢,我肯定需要一个T2。下里面呢,我给你需要个TT。
01:02
好,这边我就写个名称。再来踢力。TD,好,这边我写个叫input type等于text。Name name其实这边也可以不要了啊,因为虽然说咱们说name必须得有是吧,但现在我们说了没有服务器端嘛。所以你发不发给服务器那无所谓吧,所以name属性我就不要了,我直接写个ID。好,这个叫FM。再来根据C这是名称。再来一个单价。数量就这样子。名称。单价。数量。好感觉大家这个是不是吃不消,吃不消,我就把这个变成作业给大家啊。再留一个啊。提input,我写个button。啊,这个叫添加。没关系啊,大家现在听的话,你一下子听的话,你当然不可能那么轻松了啊,但其实你晚上看的时候会很简单啊,其实没有大家想的那么复杂。
02:04
好,这是一个table。我把它变成作业吧,啊,把它变成作业好,这是名称,这是单价price。这是数量,数量我们称之为叫艾康的吧。好,这个ID就不要了。好了,这就是一个table,当然这个table呢,它的样式会显示的比较丑。我们运行看一下啊。是吧,会在这边,我们最好把它变成居中,这个留给大,留给大家自己去实现。把它放在中间,然后这个table的这个框框也把它全部展示出来,会好看一点。啊。这个TT呢,我们最好也把它合并一下啊看。合并一下。啊把把一个把这个TD嘛,把它合并起来嘛,是吧,同学们啊,但是你如果想让它居中,你就写T。这样他就能居中。再来是吧,这样建立居中啊,这个按钮呢,你也可以把它改的稍微好看一点,我可以设置它的边框,比如说我把它写一下啊class。
03:04
等于BT,我就写个叫BT啊,然后我需要改改一下它的样式,CSS样式。好,点击这个打开。我要补一个啊。点BT。播的ex solid叫light。Light light,浅灰色。啊,把它变成浅灰色,我们再来试一下。运行。你看是不是就变浅灰色了,这样我去可以去修改它的宽度高度。宽度,宽度比如说它默认情况占80PX。高度24PX。我再试一下。对吧。这个案例就稍微好看一点了。你补两个案例不就好了吗?一个添加一个一个一个重置嘛,是吧,当然咱们现在我说了,还不会往服务器上去提交嘛,因为是写的假的嘛。
04:02
好,咱补两个啊。这个叫这个叫重重填。好,就这样子。好,再来。你看是不是就两个了,添加和充填,那你把这个集体的把它挪到中间去。加边框啊,挪中间去,我的想法是同学们,我让大家实现的是名称输一个,单价输一个,数量输一个,当我点击添加,一点击添加的时候,你添加这个信息就跑到这个上面去。然后总总计的钱也会改掉。能听懂吗?好,那我怎么去在表格里面添加一行呢?我先提前给大家说一下。我们看一下帮助文档啊。找到table。Table既然有delete入,既然有删除某一行,一定就有添加某一行。找一个方法。往下走。往下往下往下insert乳能看到吗。色的入,在指定的索引位置插入一行。他竟然给我返回个跳。
05:01
看到了吗?这样就表示某一个表格里面就多了一行了,那一行里面怎么去多单元格呢?我再去找一下TR。再看一下T2,看一下T2里面有没有对应的什么方法。看一下有没有映射的。看到了吗?是不是有in inside cell in inside cell是不是就表示在某一个行里面去插入一个单元格。那你就映射的是有in色的是有有几个格子,你就插入几个呗。这个里面中括号表示,所以可以不写。索引不写表示一次加第一个格子,第二个格子,第三个格子。能听懂吗?就是这样的。好,自己可以课下的时候,大家可以课下的时候把这个去琢磨琢磨,去研究一下。那行,我们简单的总结一下我们今天所讲的内容。今天我们学了哪些内容呢?大家快速的回顾一下,我们早上的时候呢,我们学的是CSS样式表。
06:03
有印象不?CSS样式表,然后呢,我们的CSS样式表里面呢,我们首先学的是样式表的一个简单的分类,比如说它有这个叫呃标签样式啊。有类样式啊,有ID样式啊,还有组合样式是吧,同学们。当然其实说实话,样式表里内容其实挺多的啊,包括什么样式的这个继承啊等等等等啊,会有很多。再来,那么样式表呢?我们从文件的位置上来分,我们可以分为嵌入式样式表。内部样式表还有外部样式表是吧,同学们。然后呢,我们又学了一些样式的一些规则,紧接着呢,我们学的是样式表,叫盒子模型是吧,同学们叫盒子模型。那么合资模型当中,我们学到合资模型的三个要素,第一个是叫边框。对不对,叫border,第二个是叫marin。是不是叫间距啊?第三个是不是叫定叫填充啊,哎,我们学的这么三个,紧接着我们讲的是CSS当中的布局,哎,我们了解到position,我们学的绝对定位以及相对定位。
07:09
我们还学了一个叫flu,表示浮动嘛。是吧,觉得浮动,紧接着我们就利用这个知识点,我们做了一个静态的页面的一个布局吧。这是我们所学的CSS的知识。那么我们在下午的时候呢,我们学的是GS,我们主要就是通过啊,主要的就是通过这个很小的一个一个特效。来帮助大家能够巩固我们所学的这个JS的知识啊,所以大家今天晚上的时候,包括明天请大家把这个JS的这个小练习啊,把它好好的把它写一写行吗?同学们。
我来说两句