> For the complete documentation index, see [llms.txt](https://docs.pages.revox.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pages.revox.io/form-elements/typehead.md).
# Typehead
These are also know as auto-fill input boxes that fills up while you type. This is powered by Bootstrap type-head.
{% hint style="info" %}
You can view there official documentation [here](https://twitter.github.io/typeahead.js/examples/)
{% endhint %}
**Step One**
Include the required javascript files inside the `` before core template script inclusions, if they are not there already.
```markup
```
**Step Two**
Create a simple text box field and give it an ID so you can initialize in your JS file
```markup
```
**Step Three**
Initialize your typehead with the ID you use
```javascript
var countries = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.whitespace,
queryTokenizer: Bloodhound.tokenizers.whitespace,
prefetch: 'http://pages.revox.io/json/countries-list.json'
});
// passing in `null` for the `options` arguments will result in the default
// options being used
$('#mytyphead').typeahead(null, {
name: 'countries',
source: countries
});
```