00:00
我们再给大家讲一下,表单中还有一个属性叫做check的属性,Check呢表示默认选中状态,这个属性是干什么的呢?哎,它最常见于我们的单选和复选按钮中,比如说打开我们刚才写的这个页面,你看那你的性别男女还是未知呢,最好默认是不是有一个勾选状态会更好一点,如果我勾选上了男的,那我页面中一加载的时候,如果我是男同志就不用再选了,比如说爱号也可以默认选中一个,那在我们实际工作中,你比如说这是网易啊,这是网易的一个注册邮箱,你看这个地方能你同不同意我的服务条款呀,和隐私相关政策呀,你看默认的是不是打上一个勾,是勾选上的,你如果不勾选的话,它是不让你做请接受服务条款的,对不对,哎,这是默认是勾选上的啊啊,当然了,一个复选框也算是也能用嘛,对吧?哎,勾选上的好了,它呢,你看我页面每次我一刷新的时候,你看它是默认选中状态了,那你想要做这种效果,就用到我们这个属性叫做check的属性,表示默认选中状态好。
01:00
那它的写法非常简单,非常easy啊,比如说我默认吧,哎,咱们别重男轻女,咱们去把女的选项好,选完之后呢,就是我写个check等于check ec and check好,Check是选择的意思,加上个ED表示过去式被选择上了,所以说它表示过去了啊,就说是我们已经被选上去了,页为加载,它就有好这句话,有了之后考人家C,我复制一份,下边你对爱好什么,有同学是吧,对爱好睡觉了啊,每次休息在家睡一天,那你的爱好是睡觉,那我就check,俗称睡神,那你选check等于check,所以说你看当我页面加载的时候,注意看啊,我我刷新一遍,一抖,你发现诶女是不是被选上去了,好睡觉是不是也被选上去了,那所以说你会发现,哎,他们两个被选中了,不需要我再次选中。这就叫做默认的选中状态,能看明白吗?还是这个啊,常见于单选按钮和复选按钮里面去。啊,所以说呢,在这里面,你如果你在这里面写了一个check,等于check表示难被选中了,这是我们说了选中状态才有的啊,就是一般单选按钮和复选按钮里面才会有,再有一个呢,就是说有同学可能也会问,哎,老师那里面这么多属性,是不是每个表单里面都有这么多属性呢?哎,其实这里面有的有,有的也没有,没咱们现在呢,只是做前台页面,还不牵扯到和后台交互,所以说你现在呢,能打到什么程度呢?知道每一个属性是干嘛的就行了,当我们学后台的时候呢,会教你回来再回来听就行了,懂吗?哎,你现在就像我这个样子,先把它的外形搭建出来,当学后台啊,学艾克斯的时候,咱们再去把全部再给他补充上,刚才我是说过,按道理name是不是都应该要写的呀,但是呢,因为我们不和后台交互,所以省略也可以啊。
02:42
但是那个单选和复选要写。好了,那这是我们说的check的,除了这个属性之外呢,我们再回过头来啊,当然我们为什么不挨个属性挨着讲呢?是因为有的属性呢,是呃,有的有的是没有的,我接下来再讲的这个按钮,它就没有说被选中状态了,比如说button,那我们讲按钮啊,最终我们写的这么多的内容,是不是要给他立即注册,是不是提交上去呀,提交到我们的里面去,比如说这样的一个叫做免费获取验证码,我点一下就可以获取的,那这个情况下呢,就用到我们的按钮组了,那我们来看一下我们常用的按钮组有哪一些。
03:16
来,那有button就这几个啊button然后呢,诶们这些都属于按钮组,普通按钮,提交重置,还有图像按钮,我们一个一个的来看,先看第一个,我们称之为普通按钮,那我到这里面去找一找啊,到这里面去。再来一组,同样道理呢,我来复制一个BR,那这几个啊。那好,那我们这么写就行了,干脆我们就对齐,然后到这里面去import。Type等于什么呢?这呢我就到button button就可以了,Button,然后到这里面去,能看明白了吗?好,Input type等于button,当我写完B之后呢中我来刷新看效果啊,一刷新,喏,是不是这按钮就有了,只不过里面没有字而已,这就是为什么先讲value值了啊,这个呢,因为按钮是空的,所以说你在里面写上一个value,表示它里面要显示什么字,比如说哎,发送。
04:07
啊,获取短信验证码可不可以,可以里边你写什么字,那你会发现啊,在button里面我刷新一遍走一个,诶,是不是就获取短信验证码了,原来人家这个做法就这么简单,只不过它按钮比我们稍微大一点而已,这个大小我们后面可以修改的啊,现在我们先不改,我们先看外形,获取短信验证码,这是一个,那当然了,具体特效肯定是GS来做,我们先不管,这是叫普通按钮。跟它相关的啊,还有另外的两个,那第一个呢,我们还有一个叫做提交按钮和重置按钮,一个叫做submit submit就是提交的意思,OK,我来给你写一下,你看一下啊,跟它相关系的CTRL加CCTRL加复制一个,这个呢,我改成sub MIT submit,那它可以跟Y6值,也可以不跟Y6值,因为这个非常特殊,他能提交我们的信息,当然了,我们现在没有写表单域,现在还不能提交,你先看效果,我讲完表单域我会再回头给你对比的,能懂吗?先把外形写出来再说啊,刷新一遍,那这有个提交了,你发现这个按钮和普通按钮就不同的支数,待于普通按钮,你是必须有Y6值才能显示内容啊,哎,这个普通按钮需要写value值是吧?哎,VALUE6值这是一个。
05:23
而我们的submit说不需要它默认的就叫做什么呀,提交,当然了,你能不能改呢,也能改,你还可以通过VALUE6值是不是给它修改,你看啊,Value等于什么呀,叫提交所填,我写了四个字,那它就能改了,刷新一遍是不是改成提交所填了,所以说呢,这个呢,就是你写一写不写也可以啊,你而且只可以改的跟它相关系的呢,还有一个呢,就叫做呢reset,好reset叫置,看好了这两个词叫做重置,哎,重置所填。重置啊,我们刷新一遍走,那么这个按钮是不是也有啊,所谓的重置,就说如果你哒哒哒哒哒哒写了好多,发现不好,我想重新填一遍,点一下重置,它应该都能清掉才对,那只不过呢,我说了我一会儿呢,再回过头来教你去填了form表单之后,Form表单预之后才会才会有效果啊,现在你只是把外观填上就行了,这是1233个常见的表单,把外形能写出来,当然了,咱们说,哎,老师这个表单和我们看到的表单不太一样哟,怎么不一样呀,你看人家这个多漂亮呀,咱们这个呢,要多丑有多丑,哎,不但你们觉得这样,我觉得也是,但是呢,我们可以有一个更好的做法,叫做什么呢?
06:33
我们这有个叫做imagine imagine是不是叫图片的意思啊,那图片也说是可以在里面提交所填的按钮,哎,提交所填的用图像的形式,提交按钮也说它一张图,你看我在我们今天的素材里面已经准备好了啊,打开之后在我们今天的案例,案例里面有个MIG,在MIG里面呢,我给你放好了一张图片,这张图片呢,就是一张按钮,那我给你打开可以看,稍等一下。
07:01
它就是一个好看一点的按钮,它是一个比较大一点的啊,那叫免费注册,也可以图片的形式来提交图片是不是更好看一些,那你还可以这么写到这里面就CRL加CCRL加V啊好,那图片按钮呢,不太一样,图片提交按钮那里面哎必须包含SR属性,看好了吗?图片提交按钮必须包含SR属性啊,它不等于IMAG,听好了同志们,这个后面没有S了啊,在以前都写images,现在呢,它就叫做imagine,这个固定的啊,我刚才讲了这么这么多的单词,它里面写法都是固定,不能任意去更改的,好,然后呢,里面呢必须写啊,你这么写是不是看不到效果呀,首新一下是不是重重这所填是不是看不到效果,图片显示不出来,你必须告诉人家,你这个图来自于哪个地方?Src等于什么呢?哎,把这个图片给拿进来就行了,它的图片是不是就是放到了我们今天的image的文件夹里面,是一个叫BT n.PNG的。
08:00
能看清吗?同志们哎,放到这儿来了啊,注意相对路径的问题,它呢,Src等于imas下面的BT.png是不是加一个src就可以了,哎,提交按钮啊,里面必须包含这个属性,好添加完之后这个Y6值就不需要了,图片不需要Y6值啊好行,因为它里面自动就有了,打开完之后看效果啊,一刷新哦,这个按钮是不比我们那个要漂亮一些了,嗯,果然是可以的啊,图片还是最优秀的,那这是我们讲的这个按钮组,通过它我们来调整。好的,那这是几个普通按钮,还有一个呢,我最后呢,再给大家讲一个啊,讲一个就是我们这个你肯定会见过啊,比如说上传头像。它呢,哎也算是一个按钮中的一部分,上传头像是什么样子呢?我们肯定见过啊,上传头像我想一点击是不是可以上传头像了呀,哎那个呢,我们有一个专门的一个叫做表单的,它呢叫做文件与文件fire文件的意思啊,所以说呢,它这么写哎音。Hold type等于file file就是文件的意思,能看明白吗?哎,所以说这个呢,我们叫做文件域和一定要分开啊。
09:09
文件域,那文件域就是它的目的很简单,就是上传文件用的,上传文件用的好了,那么我们保存完之后看一下啊,跟我们来look look look一下上传头像,这是不是一个选择文件,一点击OK,是不是打开一个什么东西,你选完之后呢,点打开就可以上传我们选择文件了,是不是会打开一个对话框呀,哎,这样子说我们主来叫做文件域是上传头像的啊,这个呢,大家要注意一下就行了,好了,那么这是我们给大家讲的这个最后一个那叫file也属于叫做文件域中的一个,嗯,这一个是我们讲了这么几个按钮啊,我们简单来复习一下,我们讲了这几个按钮,就说第一个我们叫做button,叫做普通按钮,Submit叫提交按钮,Re叫重置按钮,Imagine叫做图像按钮,还有file叫做文件域,上传文件来使用的。这是我们讲的按钮组。
我来说两句