code is very simple:
<form method="get" action="/category" role="form">
<div class="form-group">
<label>Category</label>
<input id="categoryName" class="form-control" placeholder="category name" name="categoryName">
</div>
<button type="submit" class="btn btn-default" onclick="return checkInput()">add</button>
</form>
Problem is after I click the input, then chrome shows a select list which has input history below it. When I choose one of them and submit, I cannot get the value. I am a new student in web, anyone can help?