Können Sie ein „“ in ein „“-Element einfügen?

Ist es richtig, ein

zu platzieren? Element innerhalb eines Element?

Beim Gestalten eines Bootstrap-Formulars können Probleme im Zusammenhang mit der Verschachtelung von Elementen innerhalb des Label-Tags auftreten. Der anfängliche Ansatz, ein Div innerhalb des Labels mit einer „Block“-CSS-Klasse zu verwenden, wirft Bedenken hinsichtlich der Gültigkeit einer solchen Struktur auf.

Die HTML-Spezifikation besagt eindeutig, dass ein Label-Element kein div-Element enthalten darf, z Es gibt ein Inhaltsmodell an, das Elemente auf Blockebene innerhalb von Inline-Elementen ausschließt. Phrasierungsinhalte, die Elemente wie „input“, „span“ und „button“ umfassen, sind innerhalb eines label-Elements zulässig.

Daher besteht der richtige Ansatz darin, zu vermeiden, dass ein div-Element direkt innerhalb des label-Elements platziert wird. Stattdessen sollte man eine geeignete HTML-Struktur verwenden, wie zum Beispiel die folgende:

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

Diese überarbeitete Struktur gewährleistet die ordnungsgemäße Verschachtelung von Elementen und entspricht der HTML-Spezifikation.

Das obige ist der detaillierte Inhalt vonKönnen Sie ein „“ in ein „“-Element einfügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

css bootstrap html using class this input

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn