Framework7 Starter

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/framework7.css">
<script src="https://unpkg.com/[email protected]/js/framework7.js"></script>

            <li class="item-content item-input inline-label">
              <div class="item-inner">
                <div class="item-title item-label">Users</div>
                <div class="item-input-wrap">
                  <input id="autocomplete-dropdown" type="text" placeholder="Users">
                </div>
              </div>
            </li>

JavaScript

var $$ = Dom7
var app = new Framework7({
  root: '#app',
  theme: 'auto',
  routes: [{
    path: '/about/'
  }]
});

var autocomplete = null
app.request.getJSON('https://jsonplaceholder.typicode.com/users', {},
  function(res) {
    var users = res
    autocomplete = app.autocomplete.create({
      inputEl: '#autocomplete-dropdown',
      openIn: 'dropdown',
      value: [1],
      valueProperty: 'id',
      textProperty: 'username',
      source: function(query, render) {
        render(users);
      }
    });
  });