CSS: як розтягнути фон на весь елемент чи вікно?

Щоб розтягнути фон можна скористатися масштабуванням. Щоб відмасштабувати фон, існує CSS властивість background-size. Воно приймає значення 100%, внаслідок чого фонова картинка будь-якого елемента (body, div та ін.) буде розтягнута відповідно до розмірів елемента.

Continue reading “CSS: як розтягнути фон на весь елемент чи вікно?” »

KnockoutJS: Input не понимает data-bind ‘checked’. Как выбрать Input radio.

Для тех кто не в курсе – KnockoutJS – это JavaScript библиотека, которая существенно упрощает работу с UI. Реализует MVVM паттерн. Довольно удобно, когда хочется отделить PHP, JavaScript и HTML друг от друга.

Continue reading “KnockoutJS: Input не понимает data-bind ‘checked’. Как выбрать Input radio.” »

Валидация полей формы в HTML 5 – Required

Новый атрибут required применяется для валидации текстовых полей в HTML формах.

Если браузер поддерживает HTML 5 то при попытке отправки формы с пустыми полями, у которых установлен атрибут required, рядом с пустым полями появится стилизованное сообщение об ошибке и форма не будет отправлена.

Continue reading “Валидация полей формы в HTML 5 – Required” »

Текст в input и textarea по умолчанию или замещающий текст. Placeholder.

Как часто нам приходится реализовывать замещающий текст (текст в поле ввода, который исчезает при фокусировке) для полей ввода? Да, практически, в каждом проекте. Чаще всего это бремя ложилось на JavaScript события onFocus и onBlur. Но с приходом и быстрым распространением HTML 5 объемы кода для реализации замещающего текста сводится к минимуму.

Continue reading “Текст в input и textarea по умолчанию или замещающий текст. Placeholder.” »