javascript - 使用表单时输入按钮不起作用

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

search更改IE中隐藏全局对象功能的元素id-search ：

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

应该：

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

附言

int是 javascript 中的保留字，虽然它同时不做任何事情，就像class等private'，因此应该避免。