找回密码
 注册
搜索
热搜: 回贴

HTML标记之select的发展史

2009-12-16 23:35| 发布者: admin| 查看: 58| 评论: 0|原作者: 飞燕

本文旨在大家对select和模拟select有一个全面地了解,使此项技术能发挥出更高的水平。
最初的select的确很平淡,就是一个下拉选项列表:
运行代码框





[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
日久天长之后,人们对select要求高了,要修一修边幅:
运行代码框







q










Untitled Document







[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
要加一些链接,变成菜单:
运行代码框

































[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
运行代码框






















[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

后来发展到其文字内容可以增、删、编、改,即可以编辑:
运行代码框




EditSelect





















可编辑的Select
长度可以随意修改
可以设置为只读


可以遮盖系统Select

   




[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
可编辑的select:
运行代码框

按回车键输入新内容,按DEL删除选中内容





[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
运行代码框


style="width:150;overflow:hidden">


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
为了让select里有更多的图片、css修饰及其他静、动态修饰效果,而select本身优先级别太高,其修饰效果很少且不能满足上述要求,遂涌现出很多模拟的select:
运行代码框

























[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
运行代码框

上标是不是这个?如果要想以其他的文字作为上标该怎么做啊?下标是不是这个?



[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
下面这两个已达到较高的水准(动态内容):
运行代码框



EditSelect








可编辑的Select

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 03:22 , Processed in 0.209436 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.