CSSによる入力制限または検証

Is there a way to do input validation (either in terms of offering a warning or, even better, simply blocking the characters) in an HTML text box using only CSS—no JavaScript? I want to do this because:

  1. 一部の入力検証はクライアント側で行われるべきです
  2. JavaScriptを無効にすることができます(自分でNoScriptを実行します)。
  3. 可能であれば、JavaScriptよりも前にCSSで行うことは丁寧だと私は常に考えています。

私は特に印象的な機能のためにCSS3を考えています。

1
@BoltClockおそらく予防のために立っています。しかし、赤色にするなど、悪い入力を反映するためにコントロールをスタイリングするのはどうでしょうか? CSS3はイベントをサポートしています。ホバー上で要素を異なる色にするためにCSSの意図外でなければ、悪い入力でコントロールのスタイルを変更することはできません。
追加された 著者 Keith Pinson,
CSSはこの種のものには意味がありません。実際には、CSSを使用してユーザー入力に触れることは決してありません。入力コントロールと検証コントロールを華やかに見せることができますが、それはそれです。 CSSはものを華やかに見せ、物の仕方を変えません。 2番目のSはスタイルを表しています。
追加された 著者 BoltClock,
はい、それはまったく問題ありません。下の回答は、HTML5を使用できると仮定した場合に大きな効果を発揮します。
追加された 著者 BoltClock,

3 答え

あなたはHTML5の新しい入力タイプでややこしくできます

See: http://www.456bereastreet.com/archive/201004/html5_input_types/

5
追加された
3
追加された
CSSは実際に入力を検証するとは関係なく、プロンプトの表示方法を変更するだけです。クライアント側で大部分を占めるHTML5です。
追加された 著者 BoltClock,

他の人が書くように:はい、HTML5で。 HTML5はほとんどのブラウザで完全にサポートされているわけではありません。したがって、このアプローチをまだ使用しないでください。

CSSで行うことはできません.HTML5が完全にサポートされるまでJavaScriptを使用する必要があります。 しかし、ASP(.NET)、PHPなどを介してサーバー側でも検証することを常に忘れないでください。クライアントサイドとサーバーサイドの両方を行うことで、JSが無効になってもサイトの安全性が保証されます:)

1
追加された