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

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">

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!

css bootstrap html using class this input

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn