input覆盖select实现可输入下拉框
来源:互联网 发布:sql数据库实训报告 编辑:程序博客网 时间:2024/05/22 01:34
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>js实现可输入的下拉框</TITLE>
<style type="text/css">
div{
display:inline;
}
</style>
</HEAD>
<BODY>
<p>
<div><label>试试:</label></div>
<div style="position:relative;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value">
<option value="德国">德国</option>
<option value="挪威">挪威</option>
<option value="瑞士"> 瑞士</option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</p>
</BODY>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>js实现可输入的下拉框</TITLE>
<style type="text/css">
div{
display:inline;
}
</style>
</HEAD>
<BODY>
<p>
<div><label>试试:</label></div>
<div style="position:relative;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value">
<option value="德国">德国</option>
<option value="挪威">挪威</option>
<option value="瑞士"> 瑞士</option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>
</p>
</BODY>
</HTML>
注:有时margin在一些浏览器中不起作用,则可用padding属性来代替,具体的需要自己去调试
阅读全文
0 0
- input覆盖select实现可输入下拉框
- SELECT input 下拉框可输入
- 可输入可选择的下拉框(input select)并且输入框获得下拉的内容
- 可输入下拉菜单实现select
- select下拉框可输入值
- 下拉框可实现select与input功能的简便做法
- jQuery实现当select下拉框内容变化时,input输入框内容随之变化
- 可输入的select标签(input+select)
- Select Input下拉框
- select下拉框实现输入功能
- 可输入下拉框的实现。
- 可输入下拉框的实现
- jsp页面可输入下拉框实现
- html实现可输入下拉框
- js实现可输入的下拉框
- 可输入下拉框
- 可输入下拉框
- 可输入下拉框
- 理解和解决Java并发修改异常ConcurrentModificationException
- c语言---内存对齐
- python中的按行读取文件
- mysql存储过程之游标
- 闲时看看
- input覆盖select实现可输入下拉框
- 安全控件的特性
- final关键字的学习
- 使用SAX解析XML文件(SAX解析)
- 激励和自我反思
- 在Activity中动态设置TextView的属性
- 解决matplotlib.pyplot.show()函数不起作用的问题
- BOM常用对象
- 数据结构-二叉树遍历总结