Ограничение ввода или проверка с помощью CSS

Question

Есть ли способ сделать проверку ввода (либо с точки зрения предложения предупреждения, либо, что еще лучше, просто блокирования символов) в текстовом поле HTML, используя только CSS - без JavaScript?Я хочу сделать это, потому что:

1. Некоторая проверка ввода должна выполняться на стороне клиента
2. JavaScript может быть отключен (я сам запускаю NoScript)
3. Я всегда считаюэто дело вежливости делать что-то в CSS до JavaScript, если это возможно

Я думаю особенно о CSS3 из-за его впечатляющих возможностей.

Answer 1

Вы можете сделать это с новыми типами ввода HTML5

См .: http://www.456bereastreet.com/archive/201004/html5_input_types/

Answer 2

Используя HTML5, вроде как да. Ссылка: http://thereforei.am/2011/07/01/css-selectors-for-html5-input-validation/

Answer 3

Как пишут другие: да, с HTML5.НО HTML5 НЕ полностью поддерживается большинством браузеров.Так что пока не используйте этот подход.

Вы не можете сделать это с помощью CSS, вы должны использовать JavaScript, пока HTML5 не будет полностью поддерживаться.Но ВСЕГДА не забывайте проверять и на стороне сервера через ASP (.NET), PHP и т. Д. Выполнение на стороне клиента и на стороне сервера обеспечит безопасность вашего сайта, даже если JS отключен:)