可选择和输入的下拉列表框
来源:互联网 发布:学软件测试工程师 编辑:程序博客网 时间:2024/05/16 03:31
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>可选择和输入的下拉列表框</title>
<style type="text/css">
div,span,p,td,font{font-size:9pt;}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" width="100%" border="0"><tr><td align="left">
<!--select标签和input外面的span标签的格式是为了使两个位置在同一位置,控制位置-->
<span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;height:19px;clip:rect(-1px 190px 190px 170px);">
<select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;"
onChange="javascript:document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;">
<!--下面的option的样式是为了使字体为灰色,只是视觉问题,看起来像是注释一样-->
<option value="" style="color:#c2c2c2;">---请选择---</option>
<option value="闲人书库">闲人书库</option>
<option value="闲人BLOG">闲人BLOG</option>
<option value="闲人设计">闲人设计</option>
<option value="闲人软件">闲人软件</option>
</select>
</span>
<span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;">
<input type="text" name="ccdd" id="ccdd" value="可选择也可输入的下拉框" style="width:170px;height:15px;border:0pt;">
</span>
</td></tr></table>
</body>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>可选择和输入的下拉列表框</title>
<style type="text/css">
div,span,p,td,font{font-size:9pt;}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" width="100%" border="0"><tr><td align="left">
<!--select标签和input外面的span标签的格式是为了使两个位置在同一位置,控制位置-->
<span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px;height:19px;clip:rect(-1px 190px 190px 170px);">
<select name="aabb" id="aabb" style="width:190px;height:20px;margin:-2px;"
onChange="javascript:document.getElementById('ccdd').value=document.getElementById('aabb').options[document.getElementById('aabb').selectedIndex].value;">
<!--下面的option的样式是为了使字体为灰色,只是视觉问题,看起来像是注释一样-->
<option value="" style="color:#c2c2c2;">---请选择---</option>
<option value="闲人书库">闲人书库</option>
<option value="闲人BLOG">闲人BLOG</option>
<option value="闲人设计">闲人设计</option>
<option value="闲人软件">闲人软件</option>
</select>
</span>
<span style="position:absolute;border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;">
<input type="text" name="ccdd" id="ccdd" value="可选择也可输入的下拉框" style="width:170px;height:15px;border:0pt;">
</span>
</td></tr></table>
</body>
</html>
注意注释的位置。
- 可选择和输入的下拉列表框
- 可选择和输入的下拉列表框
- 可选择也可以输入的下拉列表框
- 可选择也可输入的下拉列表框,html文件
- 可输入可选择的下拉列表
- 可输入可选择的下拉框
- 下拉框可输入可选择
- 可输入可选择下拉框
- magicsuggestjs 可输入可选择下拉框记录
- 可输入可选择的下拉框(input select)并且输入框获得下拉的内容
- mi的输入框和下拉列表的默认值
- 仿下拉框,可选择,可输入,可匹配
- js:可输入可选择的select下拉框,可及时匹配包含输入的内容(兼容ie)
- 可输入的下拉框列表
- 可输入的下拉列表框
- 可输入的下拉列表框-1
- 可输入的下拉列表
- 可输入的下拉列表
- Asp.net控件开发学习笔记(五)---Asp.net客户端状态管理
- Cling Core 源码解释
- Django filter中contains 用法
- SQL Server中的sysobjects
- jquery autocomplate 仿谷歌百度 自动匹配下拉 ajax
- 可选择和输入的下拉列表框
- MySQL安装错误: unknown option '--skip-federated'
- linux下常用的几个工具 (cut, uniq, wc, grep, sort, tr, paste)
- 去掉DB_DOMAIN的方法
- 安装NVIDIA驱动后,去掉开机动画中出现的NVIDIA的logo
- gcc的简单使用
- Win32之BeginPaint与GetDC的区别
- repaint和reflow的相关知识
- Java的内存结构(Memory Structure)和垃圾收集(Garbage Collection)图解