輸入按鈕時的形式使用

Question

這是我的代碼不工作：

<form> 
    <input type="text" id="input"/> 
    <br/> 
    <div id="buttons"> 
     <input id="search" onclick="search()" type="button" value="Search"/> 
     <input type="button" value="Random"/> 
     <script type="text/javascript"> 
     function search() { 
      var search = document.getElementById('search'); 
      var int = setInterval(function() { 
       if (search.value.length == 6) search.value = 'Searchi'; 
       else if (search.value.length == 7) 
        search.value = 'Searchin'; 
       else if (search.value.length == 8) 
        search.value = 'Searching'; 
       else { 
        search.value = 'Search'; 
       } 
       //clearInterval(int); // at some point, clear the setInterval 
      }, 500); 
     }​ 
     </script> 
    </div> 
    </form> 

當<form>元件處於代碼按鈕功能不工作。通過刪除表單元素，你會看到JavaScript的工作原理！我想知道什麼是問題？我該如何解決它？

另外，是否有我想要的結果更好的代碼？有人告訴我，我正在使用JavaScript的舊方法！

Answer 1

更改元素的id-搜索這在IE隱藏全局對象的功能search：

<input id="search" onclick="search()" type="button" value="Search"/> 

應該是：

<input id="search-suffix" onclick="search()" type="button" value="Search"/> 

P.S.

int is a reserved word雖然在此期間它不做任何事情，就像class和private等'，因此應該避免。