可选择和输入的下拉列表框示例
2013-11-05 00:00
477 查看
<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> </html>
注意注释的位置。
相关文章推荐
- 可选择和输入的下拉列表框示例
- 可选择和输入的下拉列表框示例
- 可选择也可输入的下拉列表框,个人感觉还不错。
- easyui中如何设置下拉列表框combobox只能选择,列表框内不能输入
- 可选择和输入的下拉列表框
- 可选择和输入的下拉列表框
- 可选择也可输入的下拉列表框,html文件
- 可选择也可输入的下拉列表框,html文件
- 类库-----一些经常用到的对控件的处理1. 获取文本框中输入内容2.清除文本框内容3. 获取下拉列表框中选择内容,类型0为Text值,类型1为Value值4.DropDownList绑定日期
- js:可输入可选择的select下拉框,可及时匹配包含输入的内容(兼容ie)
- 继承Ext.form.TriggerField,实现树下拉选择(新增示例下载)
- C#中如何使ComboBox不能输入,只能从下拉列表中选择
- MFC 控件下拉选择和输入的 ComboBox使用
- 可输入的Web下拉列表框控件
- pb数据窗口数据输入的下拉选择效果
- 转:zTree树控件扩展篇:巧用zTree控件实现文本框输入关键词自动模糊查找zTree树节点实现模糊匹配下拉选择效果
- select 选择框可以下拉选择或者自行输入
- 关于combobox的下拉选择与键盘输入的统一
- 实现输入框【输入填写+动态提示信息+下拉选择】
- js使下拉列表框可编辑不止是选择