Спецификация HTML5 представляет много новых функций относительно одного из самого важного элемента веб-сайта: формы. Например, теперь возможно добавить средства выбора даты, цифровые счетчики, а также проверки электронных писем с помощью шаблонов регулярных выражений.

Следующий код довольно прост и показывает большинство новых специфичных для форм функций, представленных в спецификации HTML5.

<form>
<label for="range-slider">Slider</label>
<input type="range" name="range-slider" id="range-slider" min="0" max="20" step="1" value="0">

<label for="numeric-spinner">Numeric spinner</label>
<input type="number" name="numeric-spinner" id="numeric-spinner" value="2">

<label for="date-picker">Date picker</label>
<input type="date" name="date-picker" id="date-picker" value="2010-10-06">

<label for="color-picker">Color picker</label>
<input type="color" name="color-picker" id="color-picker" value="ff0000">

<label for="text-field">Text field with placeholder</label>
<input type="text" name="text-field" id="text-field" placeholder="Insert your text here">

<label for="url-field">Url field</label>
<input type="url" id="url-field" name="url-field" placeholder="http://net.tutsplus.com/" required>

<label for="email-field">Email field</label>
<input type="email" id="email-field" name="email-field" placeholder="contact@ghinda.net" required>

<button type="submit" role="button" aria-disabled="false">
<span>Submit form</span>
</button>
</form>

Добавлено: 17 Мая 2015 10:53:13 Добавил: Андрей Ковальчук Нравится 0

Добавить