回答編集履歴
2
文言
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
HTMLを工夫すればJavaScriptなしでも可能です。
|
|
4
4
|
|
|
5
|
-
- 入力の有無は `required` 属性、200文字チェックは `pattern` 属性(または`maxlength`属性)を利用可能
|
|
5
|
+
- 入力の有無は `required` 属性、200文字チェックは `pattern` 属性(または`maxlength`属性)を利用可能。`required`や`pattern`のような制約条件を満たさない状態では `:invalid`擬似クラスセレクタにマッチします。
|
|
6
6
|
|
|
7
7
|
- 「`:invalid` に続く `.error`」というセレクタを使うために、`<p class="error">`を`<input>`の後に移動する
|
|
8
8
|
|
1
説明の追加
test
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
回答になるかどうかわかりませんが、参考までに。
|
|
2
2
|
|
|
3
3
|
HTMLを工夫すればJavaScriptなしでも可能です。
|
|
4
|
+
|
|
5
|
+
- 入力の有無は `required` 属性、200文字チェックは `pattern` 属性(または`maxlength`属性)を利用可能
|
|
4
6
|
|
|
5
7
|
- 「`:invalid` に続く `.error`」というセレクタを使うために、`<p class="error">`を`<input>`の後に移動する
|
|
6
8
|
|