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

简介:

这个效果在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

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

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

相关文章
|
2天前
如何让文本框显示提示信息
如何让文本框显示提示信息
16 0
|
22天前
多行输入框
多行输入框。
14 1
|
5月前
textarea文本框默认显示文本鼠标点击时清空
textarea文本框默认显示文本鼠标点击时清空
|
1天前
|
C#
C# 文本框限制大全
C# 文本框限制大全
9 0
arx 中对话框无法获得输入焦点的问题
arx 中对话框无法获得输入焦点的问题
|
9月前
|
Java Maven 数据安全/隐私保护
一个简单的自定义输入框
今天还是一篇关于自定义View相关的,带来一个大众的,常见的一个输入框,很多的场合下都能遇到,比如验证码,密码框等等,配置了很多常见的属性,可以满足不同场合下的需求,矩形框,圆角框,下划线等等均可满足,长度设置,光标选择,背景选择,均可控制。
|
10月前
|
前端开发 C# 数据安全/隐私保护
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
ApeForms一款基于WinForm实现的开源免费商用的UI库,其中提供了一套便于用户交互的临时对话框组件(Dialog),可用于快速创建开发中常见的交互对话框,例如:消息框、提示框、输入框、单选框、多选框等。 ApeFree.ApeDialogs并不是一个包含Dialog实现的UI库,而是一套Dialog标准(提供了一套临时弹出对话框的实现标准)。 Dialog是界面开发过程中必不可少的组件,无论是桌面开发、Web前端开发、移动端开发,甚至命令行应用程序中的一次“Yes or No”的输入都可以看做是一次Dialog弹框。
373 0
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
|
存储 前端开发 C++
2.8 输入控件(三)
2.8 输入控件(三)
2.8 输入控件(三)