实现有下拉列表的文本框
2006-11-29 14:02
169 查看
<select name="myselect" style=" width:110;position:absolute;clip: rect(2 100% 90% 90)" onchange="document.getElementById('test').value=this.value">
<option value="">请选择</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<input name="test" type="text" value="" size="14" maxlength="3" autocomplete="off">
<!--
采用CSS层的absolute绝对定位,
和clip遮罩特效,
将文本框test和下拉菜单的首行合并在一起,
从而达到下拉框允许输入的效果!
<option value="">请选择</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<input name="test" type="text" value="" size="14" maxlength="3" autocomplete="off">
<!--
采用CSS层的absolute绝对定位,
和clip遮罩特效,
将文本框test和下拉菜单的首行合并在一起,
从而达到下拉框允许输入的效果!
相关文章推荐
- JSP+AJAX实现下拉列表联动
- Android中Spinner下拉列表(使用ArrayAdapter和自定义Adapter实现)
- 最简单的鼠标悬停,实现下拉列表功能 bootstrap
- AngularJS中ng-options实现下拉列表的数据绑定
- Android实用笔记——使用Spinner实现下拉列表
- JAVA EE 项目常用知识 之AJAX技术实现select下拉列表联动的两种用法(让你真正理解ajax)
- jQuery实现自定义下拉列表
- 利用JS+Ajax实现下拉列表无刷联动,及其相关
- JAVA EE 项目常用知识 之AJAX技术实现select下拉列表联动的两种用法(让你真正理解ajax)
- ASP.NET MVC中实现数据库填充的下拉列表 .
- 实现HTML下拉列表中不能选择的项
- WPF-002 下拉列表的简单实现
- C# AJAX点击文本框,从后台获取数据显示下拉列表(带有皮肤)
- struts+dwr实现下拉列表的二级联动
- 浅析VB.NET实现下拉列表的折行显示
- 浅析VB.NET实现下拉列表的折行显示
- 使用EXT实现ComboBox多列下拉列表
- 在Excel中实现下拉列表选择录入
- 用HTML+CSS实现简单的下拉列表
- AngularJs实现密码框的内容校验,并实现下拉列表的所列的展示形式