html中的下拉框

您所在的位置:网站首页 html可手动输入的下拉框 html中的下拉框

html中的下拉框

#html中的下拉框| 来源: 网络整理| 查看: 265

1.使用标签

优点:可以初始化选中项

缺点:不能自定义option的样式,自带的样式很丑

效果图:

代码如下:

Dimond vertical

 

2.使用标签

为input标签添加list属性,下拉选项包含在标签中,list的值为的id

优点:选项框可以手动输入

缺点:没有value,不适合键值对应关系的输入。且当input中有值时选项框只显示对应选项。

效果图:

代码如下:

  Dimond   vertical 3.使用模拟select功能

优点:和select实现的功能完全相同,且可以自定义option样式。

缺点:制作方式麻烦。



【本文地址】


今日新闻


推荐新闻


    CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3