Homework SourseCreating an Autocomplete Form Create a simple search form us
(Creating an Autocomplete Form) Create a simple search form using a search input element
in which the user can enter a search query. Using the Firefox web browser, test the form by
entering January and submitting the form. Then enter a J in the input element to see previous entries
that started with J—January should be displayed below the input element. Enter June and submit
the form again. Now enter a J in the input element to see previous entries that started with J—
January and June should be displayed below the input element. Try this with your own search queries
as well.
Full code please
Solution
There is an attribute in HTML form called HTML <form> autocomplete Attribute. This specifies whether a form should have autocomplete feature \'ON\' or \'OFF\'. If autocomplete feature is \'ON\', the browser automatically complete values based on values that the user has entered before.
The source code is as below:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html;charset=utf-8\">
<title>Input Autocomplete Suggestions Demo</title>
</head>
<body>
<form action=\"demo_form.asp\" method=\"get\" autocomplete=\"on\">
Month Name:<input type=\"text\" name=\"fname\"><br>
<input type=\"submit\">
</form>
<p>Fill in and submit the form, then reload the page, start to fill in the form again - and see how autocomplete works.</p>
<p>Then, try to set autocomplete to \"off\".</p>
</body>
</html>
You can capture the input from the submit button and do whatever is required for the project.
