单击时删除搜索栏的值

Question

我想问一下如何删除搜索栏的值。我想过使用jQuery和Javascripting。这就是我的代码的样子。

<script type="text/javascript">
function searchbarClicked {
document.getElementById('searchbar').value = '';
}
</script>
<input type="text" name="searchbar" value='search...' onclick='searchbarClicked'>
<input type="submit" value="Search" name="search"></br>

提前谢谢

Answer 1

您的输入缺少ID：

<input type="text" id="searchbar" name="searchbar" value='search...' onclick='searchbarClicked'>

Answer 2

你可以用这个

<input type="text" name="searchbar" placeholder="Search...">

Answer 3

问题：

1. 您的输入缺少@henriquea已经指出的ID
2. function searchbarClicked {应为function searchbarClicked() {。您的代码中存在拼写错误。您错过了()
3. 您必须使用onclick='searchbarClicked()'代替onclick='searchbarClicked'。您错过了()

HTML 的

<input type="text" id="searchbar" name="searchbar" value='search...' onclick='searchbarClicked()'>

的JavaScript

function searchbarClicked() {
    document.getElementById('searchbar').value = '';
}

DEMO

我真的很讨厌内联事件绑定。所以我建议你使用

HTML 的

<input type="submit" value="Search" name="search"></br>

的JavaScript

window.onload = function () {
    document.getElementById('searchbar').onclick = function () {
        this.value = '';
    }
}

DEMO without inline event binding