From 97065b2e68dd8768dc1ea092c893c57ebe205026 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Thu, 25 Feb 2021 08:31:36 -0500 Subject: use class="hidden" not style="display:none" --- files/ja/web/html/element/input/number/index.html | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'files/ja/web/html/element') diff --git a/files/ja/web/html/element/input/number/index.html b/files/ja/web/html/element/input/number/index.html index 8177c9f00f..26e7df6a71 100644 --- a/files/ja/web/html/element/input/number/index.html +++ b/files/ja/web/html/element/input/number/index.html @@ -315,7 +315,6 @@ input:valid+span:after { <input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="例 1.78" required> <span class="validity"></span> </div> - <div class="feetInputGroup" style="display: none;"> <span>あなたの身長を入力してください — </span> <label for="feet">フィート:</label> <input id="feet" type="number" name="feet" min="0" step="1"> @@ -334,7 +333,7 @@ input:valid+span:after {

これまでの記事ですでに見てきた属性の多くを使用していることがわかります。センチメートル単位のメートル値を受け入れるため、 step の値を 0.01 に設定して、 1.78 のような値が無効とされないようにしました。また、その入力欄のプレイスホルダーも提供しました。

-

最初はフィートとインチの入力欄を style="display: none;" を使用して非表示にしているため、既定はメートルでの入力です。

+

最初はフィートとインチの入力欄を class="hidden" を使用して非表示にしているため、既定はメートルでの入力です。

次に、 CSS に進みます。これは、以前に見た検証のスタイル付けととても良く似ています。ここで注目するところはありません。

-- cgit v1.2.3-54-g00ecf