您现在的位置： 万盛学电脑网 >> 程序编程 >> 网络编程 >> 安卓开发 >> 正文
html5输入框下拉列表提示代码介绍
作者：佚名 责任编辑：admin 更新时间：2022-06-22
许多业内人士表示，HTML将会最终代替多媒体框架，如Adobe的Flash，但是短期看来还不是时候。HTML5估计到2014年才能逐步成熟，而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点，但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5，谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式，这可能会加速HTML5替代Flash的进程，但是这个转变的过程也不是一蹴而就的。 下面我们给大家介绍一下html5输入框下拉列表提示代码吧!希望大家可以在这里学习!
<!DOCTYPE html PUBLIC <fp class='fp-p217r'></fp><fp class='fp-gv5rx'></fp>//W<fp class='fp-oek4m'></fp>C//DTD XHTML <fp class='fp-5mer1'></fp><fp class='fp-0a3e7'></fp><fp class='fp-c0kpw'></fp> Transitional//EN<fp class='fp-dckw3'></fp> <fp class='fp-dckw3'></fp>http://www<fp class='fp-0a3e7'></fp>w<fp class='fp-hvdwl'></fp><fp class='fp-0a3e7'></fp>org/TR/xhtml<fp class='fp-5mer1'></fp>/DTD/xhtml<fp class='fp-5mer1'></fp><fp class='fp-do0s2'></fp>transitional<fp class='fp-mef1s'></fp>dtd<fp class='fp-rqh9x'></fp>>
<html xmlns=<fp class='fp-p217r'></fp>http://www<fp class='fp-g7xuf'></fp>w<fp class='fp-3ypk6'></fp><fp class='fp-mef1s'></fp>org/<fp class='fp-0skkb'></fp><fp class='fp-s957m'></fp><fp class='fp-ljz2l'></fp><fp class='fp-seyc3'></fp>/xhtml<fp class='fp-dckw3'></fp>>
<head>
<meta http<fp class='fp-a5fw8'></fp>equiv=<fp class='fp-vs290'></fp>Content<fp class='fp-do0s2'></fp>Type<fp class='fp-p217r'></fp> content=<fp class='fp-rqh9x'></fp>text/html; charset=utf<fp class='fp-bovp8'></fp><fp class='fp-hjmu3'></fp><fp class='fp-dckw3'></fp> />
<title>输入框提示列表效果</title>
<style type=<fp class='fp-vs290'></fp>text/css<fp class='fp-rqh9x'></fp>>
<!<fp class='fp-a5fw8'></fp><fp class='fp-bovp8'></fp>
body{background:#fff}
<fp class='fp-g7xuf'></fp>Menu {
position:relative;
width:<fp class='fp-slx95'></fp><fp class='fp-c0kpw'></fp><fp class='fp-6hlmk'></fp>px;
height:<fp class='fp-pes9a'></fp><fp class='fp-ul2cy'></fp><fp class='fp-e01y9'></fp>px;
z<fp class='fp-gv5rx'></fp>index:<fp class='fp-oqc64'></fp>;
background: #FFF;
border:<fp class='fp-oqc64'></fp>px solid #<fp class='fp-0zbco'></fp><fp class='fp-t9ecb'></fp><fp class='fp-0zbco'></fp>;
margin<fp class='fp-gv5rx'></fp>top:<fp class='fp-gv5rx'></fp><fp class='fp-0skkb'></fp><fp class='fp-0zbco'></fp><fp class='fp-t9ecb'></fp>px;
display:none;
}
<fp class='fp-mef1s'></fp>Menu<fp class='fp-cccre'></fp> {
position: absolute;
left:<fp class='fp-ijuzr'></fp>;
top:<fp class='fp-c0kpw'></fp>;
width:<fp class='fp-5mer1'></fp><fp class='fp-ijuzr'></fp><fp class='fp-t9ecb'></fp>%;
height:auto;
overflow:hidden;
z<fp class='fp-gv5rx'></fp>index:<fp class='fp-5mer1'></fp>;
}
<fp class='fp-m7g4r'></fp>Menu<fp class='fp-slx95'></fp> ul{margin:<fp class='fp-t9ecb'></fp>;padding:<fp class='fp-0zbco'></fp>}
<fp class='fp-0a3e7'></fp>Menu<fp class='fp-slx95'></fp> ul li{width:<fp class='fp-pes9a'></fp><fp class='fp-t9ecb'></fp><fp class='fp-ijuzr'></fp>%;height:<fp class='fp-cccre'></fp><fp class='fp-wfib6'></fp>px;line<fp class='fp-bovp8'></fp>height:<fp class='fp-slx95'></fp><fp class='fp-xs7ct'></fp>px;text<fp class='fp-do0s2'></fp>indent:<fp class='fp-pes9a'></fp><fp class='fp-j7a1x'></fp>px;
border<fp class='fp-do0s2'></fp>bottom:<fp class='fp-pes9a'></fp>px dashed #ccc;color:#<fp class='fp-echu8'></fp><fp class='fp-plk1n'></fp><fp class='fp-echu8'></fp>;cursor:pointer;
change:expression(
this<fp class='fp-0a3e7'></fp>onmouseover=function(){
this<fp class='fp-mef1s'></fp>style<fp class='fp-0a3e7'></fp>background=<fp class='fp-vs290'></fp>#F<fp class='fp-slx95'></fp>F<fp class='fp-wfib6'></fp>EF<fp class='fp-rqh9x'></fp>;
}<fp class='fp-d0suk'></fp>
this<fp class='fp-g7xuf'></fp>onmouseout=function(){
this<fp class='fp-m7g4r'></fp>style<fp class='fp-m7g4r'></fp>background=<fp class='fp-rqh9x'></fp><fp class='fp-dckw3'></fp>;
}
)
}
input{width:<fp class='fp-slx95'></fp><fp class='fp-ijuzr'></fp><fp class='fp-0zbco'></fp>px}
<fp class='fp-mef1s'></fp>form{width:<fp class='fp-ul2cy'></fp><fp class='fp-t9ecb'></fp><fp class='fp-0zbco'></fp>px;height:auto;}
<fp class='fp-mef1s'></fp>form div{position:relative;top:<fp class='fp-t9ecb'></fp>;left:<fp class='fp-0zbco'></fp>;margin<fp class='fp-do0s2'></fp>bottom:<fp class='fp-xs7ct'></fp>px}
#List<fp class='fp-0skkb'></fp><fp class='fp-d0suk'></fp>#List<fp class='fp-slx95'></fp><fp class='fp-d0suk'></fp>#List<fp class='fp-hvdwl'></fp>{left:<fp class='fp-0zbco'></fp>px;top:<fp class='fp-seyc3'></fp><fp class='fp-oek4m'></fp>px;}
<fp class='fp-a5fw8'></fp><fp class='fp-a5fw8'></fp>>
</style>
<script type=<fp class='fp-p217r'></fp>text/javascript<fp class='fp-p217r'></fp>>
function showAndHide(obj<fp class='fp-v9jf4'></fp>types){
var Layer=window<fp class='fp-m7g4r'></fp>document<fp class='fp-g7xuf'></fp>getElementById(obj);
switch(types){
case <fp class='fp-dckw3'></fp>show<fp class='fp-dckw3'></fp>:
Layer<fp class='fp-0a3e7'></fp>style<fp class='fp-0a3e7'></fp>display=<fp class='fp-vs290'></fp>block<fp class='fp-p217r'></fp>;
break;
case <fp class='fp-p217r'></fp>hide<fp class='fp-vs290'></fp>:
Layer<fp class='fp-mef1s'></fp>style<fp class='fp-0a3e7'></fp>display=<fp class='fp-p217r'></fp>none<fp class='fp-rqh9x'></fp>;
break;
}
}
function getValue(obj<fp class='fp-v9jf4'></fp>str){
var input=window<fp class='fp-g7xuf'></fp>document<fp class='fp-mef1s'></fp>getElementById(obj);
input<fp class='fp-m7g4r'></fp>value=str;
}
</script>
</head>
<body>
<div class=&
- 上一个程序编程： html5字符背景特效代码
- 下一个程序编程： html5背景弹性滚动的代码
