Rumah >hujung hadapan web >tutorial css >Bolehkah saya Sarang `` Di Dalam `` dalam Borang Bootstrap?

Bolehkah saya Sarang `` Di Dalam `` dalam Borang Bootstrap?

Mary-Kate Olsenasal: 2024-11-13 08:17:021075semak imbas

Can I Nest a `` Inside a `` in a Bootstrap Form?

Nest Div Inside Label dalam Borang Bootstrap

Apabila menggunakan Bootstrap untuk mencipta borang mendatar, templat lalai kerap memberikan ID kepada setiap medan input. Untuk mengelakkan ini, sesetengah pembangun cuba untuk menyertakan medan input dan labelnya dalam peringkat blok

elemen di dalam teg, seperti berikut:

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

Walaupun pendekatan ini nampaknya menyelesaikan isu, ia bercanggah dengan piawaian HTML.

Menangani Ketidakserasian

Mengikut spesifikasi HTML, elemen tidak boleh mengandungi

unsur. Spesifikasi secara eksplisit menyatakan bahawa model kandungan elemen hanya membenarkan kandungan frasa, yang termasuk elemen sebaris seperti dan , tetapi bukan elemen peringkat blok seperti

Oleh itu, bersarang

peringkat blok; di dalam elemen ialah tingkah laku yang tidak betul.

Penyelesaian Kemungkinan

Jika anda ingin mengelak daripada menggunakan ID untuk medan input sambil mengekalkan struktur HTML yang betul, pertimbangkan untuk menggunakan atribut "untuk" pada elemen untuk mengaitkannya dengan medan input tertentu:

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

Atas ialah kandungan terperinci Bolehkah saya Sarang `` Di Dalam `` dalam Borang Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

bootstrap html for while using Attribute default this input issue

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimanakah Saya Boleh Mencipta Kesan Hover pada Elemen Pseudo CSS?Artikel seterusnya：Bagaimanakah Saya Boleh Mencipta Kesan Hover pada Elemen Pseudo CSS?

Artikel berkaitan

Lihat lagi