Рубрика: XHTML
Как создать автозаполнение ввода на чистом HTML
<label for="wizards">Who's the best wizard?</label>
<input type="text" id="wizards" name="wizards" list="wizards-list">
<datalist id="wizards-list">
<option>Harry Potter</option>
<option>Hermione</option>
<option>Dumbledore</option>
<option>Merlin</option>
<option>Gandalf</option>
</datalist>
Элемент datalist работает во всех современных браузерах, вплоть до IE10.
ZUI – ui библиотека коллекции элементов интерфейса
Включает в себя: Alert, Badge, Banner, Button, Dialog, Example, Font, Form, Header, Image, Keyboard, Layout Group, Layout, Navigation, Page Header, Page, Pagination, Select Container, Splitter, Status Bar, Status, Steps, Tab, Table, Tag, Toolbar, Top Bar, Typography.
Пример Steps

HTML5 Placeholder Attribute

Ранее я уже писал о плейсхолдерах. Нормальные браузеры поддерживают
<input type='text' name='email' placeholder='Email Address'/>
. Вот костыль на jquery который решает проблему для недобраузеров:
<script>
// placeholder polyfill
$(document).ready(function(){
function add() {
if($(this).val() == ''){
$(this).val($(this).attr('placeholder')).addClass('placeholder');
}
}
function remove() {
if($(this).val() == $(this).attr('placeholder')){
$(this).val('').removeClass('placeholder');
}
}
// Create a dummy element for feature detection
if (!('placeholder' in $('<input>')[0])) {
// Select the elements that have a placeholder attribute
$('input[placeholder], textarea[placeholder]').blur(add).focus(remove).each(add);
// Remove the placeholder text before the form is submitted
$('form').submit(function(){
$(this).find('input[placeholder], textarea[placeholder]').each(remove);
});
}
});
</script>
А стили на них вешаются так:
::-webkit-input-placeholder { color:#999; }
:-moz-placeholder { color:#999; }
:-ms-input-placeholder { color:#999; }
ITForms — валидация HTML-форм

Расширенный набор элементов. Комплексная валидация формы на стороне клиента. AJAX-проверка CAPTCHA и уникальных полей. Скоро будет шифрование данных по открытому ключу.
Сайт скрипта