Элемент datalist в html 5

Отображение элемента datalist в HTML 5

Правильное отображение (Opera)	Отображение в Вашем браузере
Активированный вид:	Список -

Описание элемента datalist в HTML5

Элемент datalist позволяет создать выпадающий список из которого можно выбрать нужный для подстановки в текст. После загрузки страницы отображается пустое поле, что бы открыть список, необходимо активировать поле.

Отличие элемента datalist HTML4.1 от HTML5

Элемент datalist добавлен в HTML 5.

Атрибуты элемента datalist в HTML5

Атрибут	Описание
id	Единственным атрибутом явяется id. Служит он для связки с элементом input, через атрибут list. А значит, значения атрибутов id и list должны совпадать. Пример кода: <input list="days"> <datalist id="days"> <option value="Понедельник"> <option value="Вторник"> <option value="Среда"> </datalist> Пример отображения в браузере Opera Отображение в Вашем браузере

Примеры использования элемента datalist в HTML5

Пример определения элемента datalist

<div>
	Список - 
	<input list="days">
	<datalist id="days">
		<option value="Понедельник">
		<option value="Вторник">
		<option value="Среда">
	</datalist>
</div>

Результат отображения элемента datalist в браузере Opera	Результат отображения элемента datalist в Вашем браузере
	Список -

Идеи оригинального использования элемента datalist в HTML5

Использование для ответа на вопрос в викторине:

Арбатское вдохновение, или воспоминания о детстве

Упрямо я твержу с давнишних пор: 
меня воспитывал арбатский двор, 
все в нем, от подлого до золотого. 
А если иногда я кружева 
накручиваю на свои слова, 
так это от любви. Что в том дурного?

На фоне непросохшего белья 
руины человечьего жилья, 
крутые плечи дворника Алима... 
В Дорогомилово из тьмы Кремля, 
усы прокуренные шевеля, 
мой соплеменник пролетает мимо.

Он маленький, немытый и рябой  
и выглядит растерянным и пьющим, 
но суть его -- пространство и разбой 
в кровавой драке прошлого с грядущим. 
Его клевреты топчутся в крови... 
Так где же почва для твоей любви? -- 
вы спросите с сомненьем, вам присущим.

Что мне сказать? Еще люблю свой двор, 
его убогость и его простор, 
и аромат грошового обеда. 
И льну душой к заветному Кремлю, 
и усача кремлевского люблю, 
и самого себя люблю за это.

Он там сидит, изогнутый в дугу, 
и глину разминает на кругу, 
и проволочку тянет для основы. 
Он лепит, обстоятелен и тих, 
меня, надежды, сверстников моих, 
отечество... И мы на все готовы.

Что мне сказать? На все готов я был. 
Мой страшный век меня почти добил, 
но речь не обо мне -- она о сыне. 
И этот век не менее жесток, 
а между тем насмешлив мой сынок: 
его не облапошить на мякине.

Что мне сказать? Я только лишь пророс. 
Еще далече до военных гроз. 
Еще загадкой манит подворотня. 
Еще я жизнь сверяю по двору, 
и не подозреваю, что умру, 
как в том не сомневаюсь я сегодня.

Еще он, правда, тоже хил и слаб, 
но он страдалец, а не гордый раб, 
небезопасен и небезоружен... 
А глина ведь не вечный матерьял, 
и то, что я когда-то потерял, 
он в воздухе арбатском обнаружил.