ホームページ >ウェブフロントエンド >H5 チュートリアル >html5_html5 チュートリアルの有効、無効、必須スキルの定義

html5_html5 チュートリアルの有効、無効、必須スキルの定義

WBOY
WBOYオリジナル
2016-05-16 15:48:222604ブラウズ

css3 プロンプトは高度なブラウザにのみ適用されます:

Chrome
Firefox
Safari
IE9

有効、無効、必須の定義

コード

コードをコピー
コードは次のとおりです:

入力:必須、入力:有効、入力:無効{ボーダー:0 なし; -webkit-box-shadow:none; -o-box -shadow:none; box-shadow: none;}

これまで、メール認証などの検証フォームでは、入力された内容が正しいかどうかを判断するために js と正規表現が使用されていました。

HTML5 の登場により、いくつかの属性が提供されるため、js や正規表現を記述せずにこの検査フォームのコンテンツを解決できるようになりました。
:required
必須。つまり、入力を空にすることはできません。

:valid
は有効です。つまり、入力されたコンテンツが要件を満たしている場合にトリガーされます。

:invalid
無効。入力されたコンテンツが要件を満たしていない場合にトリガーされます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。