粉丝4.4万获赞18.7万
![[网站开发入门指南24] 下拉列表的标签们 select option | html css零基础入门教程
#html #css #javascript #前端开发 #网站开发](https://p3-pc-sign.douyinpic.com/image-cut-tos-priv/f0ebf11e2c0ae5d9f7d657acf299d9fd~tplv-dy-resize-origshort-autoq-75:330.jpeg?lk3s=138a59ce&x-expires=2086722000&x-signature=aQsn7nKB8SwEA%2FD%2BHRAFCZxezvs%3D&from=327834062&s=PackSourceEnum_AWEME_DETAIL&se=false&sc=cover&biz_tag=pcweb_cover&l=20260218052041890A84976B1581CB2049)
接下来呢,我们来看一下这个下拉列表它是怎么实现的,那下拉列表呢?其实在我们的这样一个表单的这样一种页面中呢,其实也是非常常见的,那它的实现呢?它有专门的几个标签, 我们可以简单的看一下它的一个结构,是这样的一个结构,那我们可以看到呢,我这里放大一点啊,放大个三倍四倍吧, 他这样呢就形成了一个下拉列表的这样的一个选项啊,你这里可以看到他是一个 select, 呃,哦,不是这样的一种 组合来形成的这样一个下拉列表,这样的一个功能呈现,那像下拉列表这种呢,他就是必须啊,他就是必须组合在一块他才会生效的,所以 这种呢就是组合式的一种固定的一种用法。那像这个下拉列表呢,一般他前面肯定会有文字嘛,比如说我们叫做我们用 label 来试一下吧, 可选项哦,选一个叫选一个,好,选一个。然后呢我们这个 label 啊,其实我们之前已经给大家演示过了,它就是通过这个 four 属性,然后跟某个这样的一个表单元素相绑定。那这个下拉列表的话呢,他的一个表单元素你肯定是要绑在这个最外面嘛,如果你要绑的话,所以你这里呢就给他设置一个 id, 我就叫做他做 selection 吧, 我随便取一个名字,然后呢我这里来一个 for, 把它设置在这里啊,设置在这里。然后呢我们可以试一下,那如果我点击这个文字, 是不是相当于是点击这个选项啊?你看这个栏框就出现了啊,只是说我们这里,你点这里他这个东西,这个列表他不会弹出来啊,所以我们用这个 level 呢,这里呢意义也不是很大,因为你想点这里,他就是一个选中的一个状态,但是这个列表没有弹出来吗? 好,所以我们这里呢,其实你用 span 也是可以的。然后呢我们注意看这里,像这个 select 它的这个元素呢,它上面的这个 name 是要设置的啊, 然后呢它里面的每一个选项他都有他自己的一个 value 的值啊,都有自己的 value 的值。因为我们这里的这种下拉列表呢,其实他就有点像是单选的这种意思, 但是呢它的这个结构呢,又跟单选不太一样,因为它是这种组合式的使用,所以把这个 name 就是这个数据的名称, 我们就设置在这个 select 这上面,然后呢你选中的某个值,某个选项的话呢,它的这个具体的这个值的这个数据,就设置在具体的具体的一个这个 option 的这样的一个上面这样一个元素上面。然后呢这个 selected 这个属性呢,其实就是可以让你去设置一下他一个默认,默认展示的默认选中的这样的一个值,这样的一个选项啊, 那这样的是它一个最基本的使用,那其实呢,它还可以有这样的一种用法,它里面呢还可以分组,就这个选项里面它还可以分组啊,我们可以看到这里呢,我通过 o p t group 这样的一种标签对它里面的内容进行了一个分组啊,然后大家可以看到它这里 就有这种浅灰色的分组的名称,那这个分组的名称是通过 o p t group 它的一个 label 这样的一个属性去设置的啊,去设置的我们可以给它给改一个名字,我们就叫 group, 然后我们就可以看到这边也就变了,对吧?这边也就变了,所以他还可以这种分组的一种形式啊,分组的形式,然后这里呢,其实你看这里他这个呃 name 他没有去设置,对吧?我们应该正常来讲都是要给他去设置好的啊, 如果你这个数据啊,你是确实要传到服务器上去的,你这些一定要设置好,但是如果你这个列表,你这个表单的将是一些样式这样的一些元素的话,你只是做一种假的,就是展示在页面上看的话, 那这个设置不设置,像这个 name 啊,像个具体的 value, 这个设置不设置无所谓的。那然后呢,其实我们之前介绍过的这个 input 这个标签啊,它其实跟另外的一个标签结合起来, 也是可以达到类似的这样的一个效果啊,类似的一个效果大家可以看一下,虽然说这个东西呢,不一定会常用,我们可以给大家看一下, 那我们这样去看的话呢,他是不会有什么特别的地方,但是当你鼠标放到这个元素上面之后呢,你会发现他这里有一个这种可以选的这样的一个小三角,然后你点击他呢,他的选项就会冒出来, 然后你也可以去选,然后你可以删掉他们,然后再去选这个,然后删掉他们,再点一下再去选啊,有点像这种下拉列表的感觉啊,但是他是这种音 put 这样的一种结构去做的,那像 input 这里呢,其实我们是可以继续的输入的,所以它的这种预制的这些选项的内容其实更有点像,你输入了一些信息之后,它会弹出来 就是一个,呃,相应选项的一些提示,就是他文字比较匹配的匹配的内容,他会自动弹出来这个相应的选项的提示,然后你就可以选,选完之后呢,还可以接着去输入, 然后它用到了什么呢?它用到了这个 input 这个标签当中的这样的一个 list 属性, 然后呢再加上这样的一个 data list, 这样的一个标签。 data list 它有个 id 设置了之后呢,这个值要跟这个 list 这个值去对应起来,其实也就是说这个 input 里面的这个 list, 这个数据,这个列表的数据哪里来呢?就是从这个 data list 里面来啊,然后选项啊,具体的这个值要设置好啊,就是你里面的这个选项了,他跟这里还不一样啊,他跟这里还不一样,他是直接通过 value 来设置这个选项的,这个展示出来的这个选项的文字的, 所以这些东西呢还是有区别的。那像这些的话,我们平时大家一定不要去死记硬背啊,你只要知道了有这样的一些东西,这样的一个用法,呃,我们就是在用到的时候你不记得了,你稍微去查一下, 就很快就知道他怎么写了。我们现在最重要的就是理解他的一个基本的一个使用逻辑,大概有哪些标签啊?大概有哪些属性啊?然后大概是一个呈现出来是一个什么效果啊?你知道这些东西就非常 ok 了。

都二零二三年了,小米手机前置为啥还不能拍四 k 视频?这也是很多外国网友经常吐槽小米的一点。这两天看了很多关于红米 k 六零系列的评测,但是没有一位博主谈到他的前置镜头。难道大家都不用前置镜头吗? 对我而言,前置镜头用的比较多,所以我专门去小米之家体验了一下新鲜出炉的红米 k 六零系列和小米十三系列。关于他们的后置镜头自然不用多说,天天在发布会上吊打 iphone, 但是前置镜头着实不能让我满意。话不多说,我们直接看两张。 再来看一下前置镜头的视频录制对比, 是不是看上去还行?其实我不小心写反了,左边是 iphone, 右边才是小米。 经过我的观察,红米 k 六零 pro 前置最高拍摄支持幺零八零 p 六十针,而打开 hd 二之后仅能拍摄三十针的视频。 如果说红米作为性价比机型,牺牲掉了前肢镜头,那么我们再来看看虽无 auto 之名,但是拥有 auto 之魂的小米之三 pro, 他的前置镜头依然不支持四 k 视频录制。作为一名视频爱好者,不能用小米前置拍摄四 k 是我的遗憾,明明后置都支持八 k 了,前置却迟迟不上四 k, 非常令人惋惜。

这个问题我之前视频都说了多少回了,看来没起作用,今天必须让大家先学会第一步, 今天这位朋友刘洋问我出这个英文怎么办?接着还有另一位小姐姐刘洋也是出英文, 你们看到虽然和第一位朋友字母不一样,但原因都是一样,都是找不到启动设备,那到底要怎么办?之前视频说了,看来看去没起作用,跟我来看看这个第一步到底要怎么办?那现在怎么办?今天就拿 拿这台主机为例,先开机跟我一起来看操作,开机后看到智能主板的 logo 字样,这是什么品牌呢? 不知道,网上搜一下就行。是七彩虹快速启动菜单是 f 十一,那这个 f 十一什么时候按呢?就是出现 logo 的时候,这里就出现菜单,这里可以看到三个选项,第一个是梦模式固态,第二个是个模式固态,第三个是进 bouse, 这里直接可以看出主板两个模式引导都支持好了,这就是第一步,这里主要是能不能看到硬盘。接着咱们来看看刚刚问到那两位实际操作, 先看这第一位朋友,他的问题是出现一串英文,然后进不去,系统问我怎么办?让他进入快速启动菜单看看结果。 如果他进 bells 里,这里可以看到 bells 的 logo 是七彩虹,那看过前面视频的就应该知道七彩虹 if 十一,这里就是他按出快速启动菜单,第一是个模式固态,第二是机械硬盘, 第三是某模式固态硬盘,第四是 gbos, 这里可以看到第一和第三是固态,但显示的牌子是弗莱斯沃尔,询问他的固态是七彩虹,这里显示不是七彩虹字母,就说明固态硬盘大概率是坏了。 哎呀,现在来看第二位朋友,他的问题图片和第一个不一样,但都是找不到启动设备。我不明白你们为什么喜欢进 boss, 可以看出他的 bios 是华硕,那华硕爱什么呢?答, if 八,可以看到按出菜单里面只有一项就是进 bios, 没有其他 他选项,也就是没有发现硬盘,这大概率就是硬盘坏了,再加上之前停电,然后就不开机。
