jsはform自動完成機能を実現します。
最近私は社員登録のページを作りました。 一つは登録会社です。 しかし、会社が登録されていれば、 会社名は全く同じであることを要求します。 大文字と小文字の区別などがあってはいけません。 だから私はJavascriptを使って自動的に完成する機能を模擬するつもりです。 様式はIE 7のものを模しており、 まだ足りないところがたくさんあります みんなに支持してもらいたいです。charset=utf-8'/>www.jb 51.net私達は自動的に機能を完成します。select{background-カラー:highlight;カラー:(zhang FFF).unselect(background)カラーカラー:</style><form method="post"action="""><p><label for="test">Test:</label></p></form><script type="text/javascript"><！var z=new Aray('a'，aback'，abandom'，abshed'，'abat'，'abtoir'，'abbess'，'baby'，'baby book'，'baby carriage'，'babyish'function sO(v){var d=document.creat Element('DIV')with(d.style){padding='0 6 px 0 5 px'cursor='default'text Align='left';d.className='unselect'd.onmousemove=function(){d.className='select';d.onmouseout=function(){d.className='unselect';d.onmousedown=function(){a.value=d.inners HTML;b.style.visibility='hidden'a.focus();;;d.innerHTML=vb.apendChild（d）function fT(){var y=new Aray}var q=0for（var p=0p<z.length;p+）{if(z[p].substring(0,a.value.length).toLowerCase()=a.value.toLowerCase()&&z[p].length>a.value.length){y[q]=z[p]q++;｝if(y.length>0){b.inners HTML=';for（var=0r<y.length;r+）{sO(y[r];b.style.visibility='visible';else{b.style.visibility='hidden'}function cP(o，a)｛var d=0；while(o){d+=o[a];o=o.offset Part;return d;;function kR(e){if(a.value！=')fT()else b.style.visibility='hidden'var key=e.keyCode;switch(key){case 13:a.value=b.child Nodes[t].inners HTML;b.style.visibility='hidden'a.focus()break;case 27:b.style.visibility='hidden';a.focus()break;case 38:if(t<=0|t>b.child Nodes.length-1)t=b.child Nodes.length;t--;b.ChildNodes[t].クラスName='select'break;case 40:if(t)=b.Child Nodes.length-1)t=-1t++;b.ChildNodes[t].クラスName='select'break;default：return；｝document.getElements ByTagName('form')[0].onsubmit=function(){if(b.style.visibility=='visible')return false;;;。window.onload=function(){a=document.getElement ById('test')a.automipete='off'a.onblur=function(){b.style.visibility='hidden';t=-1;if(a.reate TextRange){a.onkeyup=new Function('return kR(event)')}else｛a.onkeyup=kR;｝b=document.creat Element('DIV')with(b.style){padding='0 15 px';background Color='萼FFF'border='1 px sonid啣000'font='11 px Tahoma'zIndex='2';position='absolute'left=cP(a，'offset Left')+px'top=cP(a，'offset Top')+a.offset Height-2+'px'width=a.offset Width-2+'px'visibility='hidden';Dcument.body.apendChild(b);></script>[Ctrl+A全選択注：<a href="https://www.jb51.net/article/23421.htm" title="查看具体详情" rel="noreferrer noopener nofollow">引入外部Js需再刷新一下页面才能执行</a>]