既可以输入也可以下拉选择的文本框

简介:

这个效果在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" >
< meta name = "author" content = "http://www.softwhy.com/" />
< 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

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:既可以输入也可以下拉选择的文本框

相关文章
|
6月前
|
C#
C# 文本框限制大全
C# 文本框限制大全
54 0
|
6月前
如何让文本框显示提示信息
如何让文本框显示提示信息
38 0
|
6月前
|
JavaScript 前端开发 数据安全/隐私保护
获取焦点后隐藏提示内容的输入框
获取焦点后隐藏提示内容的输入框
59 0
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
|
1月前
多行输入框
【10月更文挑战第1天】多行输入框。
26 4
|
6月前
根据用户是否输入和是否文本框内容为空来决定显示按钮颜色
根据用户是否输入和是否文本框内容为空来决定显示按钮颜色
41 0
|
Java Maven 数据安全/隐私保护
一个简单的自定义输入框
今天还是一篇关于自定义View相关的,带来一个大众的,常见的一个输入框,很多的场合下都能遇到,比如验证码,密码框等等,配置了很多常见的属性,可以满足不同场合下的需求,矩形框,圆角框,下划线等等均可满足,长度设置,光标选择,背景选择,均可控制。
点击按钮,新增输入框,再点击按钮,删除输入框
点击按钮,新增输入框,再点击按钮,删除输入框
53 0
|
存储 前端开发 C++
2.8 输入控件(三)
2.8 输入控件(三)
2.8 输入控件(三)