Pouvez-vous mettre un `` à l'intérieur d'un `` élément ?-tutoriel CSS-php.cn

Pouvez-vous mettre un `` à l'intérieur d'un `` élément ?

Mary-Kate Olsen

Libérer： 2024-11-15 12:28:02

original

242 Les gens l'ont consulté

Can You Put a `` Inside a `` Element?

Est-il correct de placer un

Élément à l'intérieur d'un Élément ?

Lors du style d'un formulaire Bootstrap, on peut rencontrer des problèmes liés à l'imbrication d'éléments dans la balise label. L'approche initiale, utilisant un div à l'intérieur du label avec une classe CSS "block", soulève des inquiétudes quant à la validité d'une telle structure.

La spécification HTML indique clairement qu'un élément label ne peut pas contenir d'élément div, car il spécifie un modèle de contenu qui exclut les éléments de niveau bloc dans les éléments en ligne. Le contenu de formulation, qui comprend des éléments tels que input, span et bouton, est autorisé dans un élément label.

Par conséquent, l'approche correcte consiste à éviter de placer un élément div directement à l'intérieur de l'élément label. Au lieu de cela, il convient d'utiliser une structure HTML appropriée, telle que la suivante :

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label class="col-lg-2 control-label" for="inputEmail1">Email</label>
    <div class="col-lg-10">
      <input type="email" class="form-control">

Copier après la connexion

Cette structure révisée garantit une imbrication appropriée des éléments et adhère à la spécification HTML.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!