コードに「display：none」が必要なのはなぜですか？

Question

<div class="row"> 
    <div class="large-12 columns"> 
     <div class="row collapse featured-option"> 
      <input id="featured" name="featured" type="checkbox" style="display: none;" <?php echo esc_attr($featured_disabled); ?>> 
      <span class="custom checkbox <?php echo esc_attr($featured_disabled); ?>"></span> <?php echo sprintf(__('Feature Proposal %s', APP_TD), sprintf(_n('(1 credit)', '(%d credits)', hrb_required_credits_to('feature_proposal'), APP_TD), hrb_required_credits_to('feature_proposal'))); ?> 
     </div> 
    </div> 
</div> 

私はこのワードプレスのテーマコードを編集して、自分のウェブサイトに使用しようとしています。 しかし、ここではstyle="display: none;"が必要な理由はわかりません。

このスタイル要素を消去すると、画面上にチェックボックスが表示されますが、 は機能していません。

この問題は何ですか？なぜ必要なのですか"ディスプレイ：なし"？

助けてください

Answer 1

この場合、単にチェックボックスを非表示にするだけです。とき

style = "display:none;" 

が使用されている場合、その項目が存在しないかのようにページが表示されます。つまり、ページのレイアウトに「穴」やそのアイテムがない場所が表示されないことを意味します。つまり、レイアウトは影響を受けません。

となり、何かを隠すために他の方法、

style = "visibility:hidden;" 

ただし、ページレイアウトが影響を受けることになると隠しアイテムがまだ同じスペースを取るでしょう。

何を達成しようとしているかによって、さまざまな理由でチェックボックスを非表示にすることができます。このコードのプログラマーは、このチェックボックスをデフォルトで非表示にしてから、特定のイベントが発生した後でそれを表示する可能性があります。さらに、必要に応じてオブジェクトを表示したり非表示にしたり、オブジェクトを再作成または削除するのではなく、オブジェクトを表示または非表示にするのが最善の場合があります。