怎么在html添加一个搜索框和一个按钮？点击按钮，就搜索到框里的内容-HTML教程-爱易网页

怎么在html添加一个搜索框和一个按钮？点击按钮，就搜索到框里的内容

日期：2014-05-17　浏览次数：20826 次

如何在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文件。