单击时删除搜索栏的值

Question

I would like to ask on how you could delete the value of the searchbar. I thought of using jQuery, and Javascripting. This is what my codes looks like.

<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>

Thank you in advance

Answer 1

you can use this

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