下拉框可输入效果

稿源：互联网 2022-07-16 12:42:46 点击： 3627 撤稿纠错

下拉框能输入字符，回车后变成下拉菜单选项。

以下讨论的是和相关的下拉框可输入效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<TITLE>组合框输入文字效果，sky整理收集，站长特效欢迎您。</TITLE>
</HEAD>
<BODY>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<script language="JScript">
document.write(
"<style>body,td,a{font-size:9pt}</style>"+
"<div style="position:absolute">"+
"<input style="width:150;border:1 #707888 solid;background:#f4f4f4" id="cinput" value="输入东西后回车试试." onkeydown="writecode()">"+
"<input style="position:absolute;left:132;top:2;border:0;width:17;height:17;background:#e1e1e1;font-family:'Webdings';color:#707888" type="button" value="6" id="cbutton" onclick="towrite()">"+
"<span id="cwrite" onclick="cwrite.style.display='none'" style="position:absolute;left:0;top:21;border:1 #707888 solid;width:150;background:#f4f4f4;display:none" onmouseover="tocolor('#cccccc')" onmouseout="tocolor('')"></span>"+
"</div>"
);
function writecode(){
	if(event.keyCode==13&&cinput.value!==""){
		cwrite.innerHTML+="<div style="width:100%" onclick="alert(this.innerText)" oncontextmenu="this.outerHTML=''">"+cinput.value+"</div>";
		cwrite.style.display="";
		}
}
function tocolor(color){
obj=event.srcElement;
	if(obj.tagName=="DIV"){
		obj.style.background=color;
		}
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function towrite(){
	with(cwrite.style)if(display=="none")display="";else display="none";
}
function document.onclick(){
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
</script>
</BODY>
</HTML>

关于下拉框可输入效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016387263244.shtml方便下次再访问哦。

·上一篇： js读取表格单元格内容
·下一篇： 全选后改变背景颜色

下拉框可输入效果

文章分类LIST >>返回首页

最新游戏

最新新闻