GoogleSuggest по простому

Еще одно из нововедений HTML5, это нечно напоминающее GoogleSuggest

<input list="languages" name="lang">
<datalist id="languages">
  <option value="Norwegian">
  <option value="Dutch">
  <option value="English">
</datalist>

Что происходит. Так же как сейчас любой браузер начинает предлагать варианты прошлых заполнений, в этом случае от будет показывать те варианты что указаны в списке datalist. На само деле это напоминает Java контейнер где помимо предлагаемых вариантов можно было ввести еще и свой.
Еще одна прелесть в данной новинке это возможность не указывать всеь список на странице а подцепить его из xml файла.

<input list="languages">
<datalist id="languages" data="languages-3.xml"></datalist>

Сам же xml файл будет выглядеть вот так:

<select xmlns="http://www.w3.org/1999/xhtml">
 <option value="CSS"/>
 <option value="JavaScript"/>
 <option value="HTML"/>
</select>

Leave a Reply