日期:2014-05-17  浏览次数:20970 次

如何在html添加一个搜索框和一个按钮?点击按钮,就搜索到框里的内容?
比如,我有一张通讯录,是excel格式的,想转成html格式。并且在上面添加一个框,还有一个按钮,通过在框里输入号码,然后点击按钮,就能找到通讯录里面相应的号码。

------解决方案--------------------
用户为什么要抛弃浏览器的搜索而用你的搜索
------解决方案--------------------
HTML code
 <TABLE width="960" border="0" align="center" cellpadding="0" cellspacing="0"  id="tab">
  <TR>
    <TD>1111</TD>
    <TD>aaa</TD>
  </TR>
  <TR>
    <TD>2222</TD>
    <TD>bbb</TD>
  </TR>
  <TR>
    <TD>333</TD>
    <TD>ccc</TD>
  </TR>
  <TR>
    <TD>444</TD>
    <TD>ddd</TD>
  </TR>
  <TR>
    <TD>5556</TD>
    <TD>eee</TD>
  </TR>
  <TR>
    <TD>666</TD>
    <TD>fff</TD>
  </TR>
  </TABLE><INPUT TYPE="text" id="k"><INPUT TYPE="button" VALUE="ok" ONCLICK="xx()">
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  function xx(){
var k=document.getElementById("k").value;
var tab=document.getElementById("tab");
var td=tab.getElementsByTagName('td')
var tdl=td.length;
for (i=0;i<tdl ;i++ ){
td[i].style.backgroundColor="#fff";//
if (td[i].innerHTML.indexOf(k)>-1 ){
td[i].style.backgroundColor="#ddd";//

}
}

}
  //-->
  </SCRIPT>

------解决方案--------------------
探讨

引用:
用户为什么要抛弃浏览器的搜索而用你的搜索


因为IE的菜单被屏蔽掉了,只有一个页面用来显示htm文件。