<!--Form-->

  <form class="container">
    <div class="row">
      <div class="input-field col s6">
        <input placeholder="Nom" id="nom" type="text" class="validate">
      </div>
      <div class="input-field col s6">
        <input id="prenom" type="text" class="validate">
        <label for="prenom">Prénom</label>
      </div>
    </div>
    <div class="row">
      <div class="input-field col s12">
        <input id="password" type="password" class="validate">
        <label for="password">Password</label>
      </div>
    </div>
    <div class="row">
      <div class="input-field col s12">
        <input id="email" type="email" class="validate">
        <label for="email">Email</label>
        <span class="helper-text" data-error="faux" data-success="vrai">Message d'aide</span>
      </div>
    </div>
    <div class="row">
      <div class="input-field col s12">
        <i class="material-icons prefix">devices</i>
        <input type="text" id="autocomplete-input" class="autocomplete">
        <label for="autocomplete-input">Système d'exploitation</label>
      </div>
    </div>
  </form>

<!--Form-->
(function($){
  $(function(){

    $('input.autocomplete').autocomplete({
      data: {
        "Windows": null,
        "Linux": null,
        "Mac": null
      },
    });

  }); // end of document ready
})(jQuery); // end of jQuery name space

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.