Label input teks di dalam atau luar? [duplikat]

1. Haruskah saya memasukkan input di dalam label?
2. Apakah label pergi sebelum atau sesudah input?
3. Bisakah input memiliki dua label?
4. Bagaimana Anda menata label dan input pada baris yang sama?

Haruskah saya memasukkan input di dalam label?

Jangan: Letakkan elemen interaktif di dalam label

Tidak semua pembaca layar akan mengumumkan label dengan benar jika berisi sesuatu selain teks biasa. Juga, jika seseorang ingin memfokuskan input dengan mengklik labelnya, tetapi label itu berisi tautan, mereka dapat mengklik tautan karena kesalahan.

Apakah label pergi sebelum atau sesudah input?

Saat menggunakan elemen input kotak centang "type" dan radio, elemen label harus selalu ditempatkan setelah <memasukkan> elemen. Elemen label harus dikaitkan dengan elemen formulir berikut: input type = "text" input type = "centang kotak"

Bisakah input memiliki dua label?

Dari spesifikasi: Elemen label dapat digunakan untuk melampirkan informasi ke kontrol. Setiap elemen label dikaitkan dengan tepat satu kontrol bentuk. Dengan demikian, setiap kontrol bentuk dapat dirujuk oleh beberapa label, tetapi setiap label hanya dapat merujuk satu kontrol.

Bagaimana Anda menata label dan input pada baris yang sama?

Menggunakan atribut float and overflow: buat label dan gaya dengan atribut float. Sekarang atur label float (posisi) kiri atau kanan sesuai dengan kebutuhan Anda. Ini akan menyelaraskan label Anda yang sesuai. Properti overflow untuk input digunakan di sini untuk memotong bagian overflow dan menunjukkan sisanya.