这个效果在HTML5之前,需要模拟实现。
现在HTML5直接提供了这样的功能,代码实例如下:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
|
<!doctype html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>蚂蚁部落</
title
>
</
head
>
<
body
>
<
input
list
=
"ant"
/>
<
datalist
id
=
"ant"
>
<
option
value
=
"蚂蚁部落一"
>
<
option
value
=
"蚂蚁部落二"
>
<
option
value
=
"蚂蚁部落三"
>
</
datalist
>
</
body
>
</
html
>
|
特别说明:文本框的list属性值要和datalist的id属性值相同。
原文发布时间为:2017-3-24
本文作者:admin
本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落
原文链接:既可以输入也可以下拉选择的文本框