понедельник, 19 января 2015 г.

Воспроизведение аудиофайлов с HTML5

<audio id="player" src="sound.mp3"></audio>
<div>
<button onclick="document.getElementById('player').play()">Play</button>
<button onclick="document.getElementById('player').pause()">Pause</button>
<button onclick="document.getElementById('player').volume+=0.1">Volume Up</button>
<button onclick="document.getElementById('player').volume-=0.1">Volume Down</button>

</div>

HTML5 предварительная загрузка

<link rel="prefetch" href="http://www.catswhocode.com/wp-content/uploads/my_image.png">

Элемент с автофокусом

<input autofocus="autofocus" />

Скрытые элементы с помощью HTML5


<p hidden>Вы не видите этот текст </p>

Автозаполнение с HTML5 datalist

<input name="frameworks" list="frameworks" />
<datalist id="frameworks">
<option value="MooTools">
<option value="Moobile">
<option value="Dojo Toolkit">
<option value="jQuery">
<option value="YUI">
</datalist>

Regexp шаблоны для проверки форм

<input type="text" title="email" required pattern="[^@]+@[^@]+.[a-zA-Z]{2,6}">
<input title="Минимум 8 знаков, включая минимум одну цифру и одну заглавную букву" type="text" pattern="(?=.*d)(?=.*[a-z])(?=.*[A-Z]).{8,}" required />
<input type="text" required pattern="(+?d[- .]*){7,13}" title="международный или местный номер"/>

Вводные типы URL и email

<input type="url" value="">
<input type="email" pattern="[^ @]*@[^ @]*" value="">