Etiket ve alan kolay; <label>
ve daha sonra ilgili giriş alanımız var. Ancak alanın altına giren daha küçük bilgilendirici metin için kullanmak için en semantik olarak doğru HTML öğesi nedir?Form alanı ipucu/notu için en semantik olarak doğru HTML öğesi nedir?
9
A
cevap
6
Belirli elemanın bilmek veya bağlamak için öznitelik, ancak ARIA niteliğini aria-describedby
kullanarak bunu yapabilirsiniz yoktur:
<label for="firstname">First Name</label>
<input type="text" id="firstname" aria-describedby="firstname-explanation" />
<p id="firstname-explanation">e.g. John</p>
Ama label
her şeyi dahil olmak üzere iyi görünüyor bana da (aynı zamanda bir - semantik - konteyner gibi iyi tasarım yetenekleri verir):
Ya da iki'u bile karıştırabilirsiniz.
başka bir yaklaşım (@Alohci önerdiği gibi veya placeholder
) title
içinde input
elemanın niteliğini açıklamasını koymak olabilir (anlamsal bu nitelendirerek biridir), ancak bu durumda bunu eklemek zorunda Javascript ile işaretleme (veya @Alohci tarafından önerilen input:after { content : "e.g. " attr(placeholder) }
kullanarak CSS).
İlgili konular
- 1. Zend Framework 2 - Çıktı form öğesi, HTML alanı olarak nesneler
- 2. Reklam için HTML öğesi?
- 3. Form seçme öğesi, Firefox
- 4. HTML5 Semantik Düzeni nedir?
- 5. java için en iyi html ayrıştırıcısı nedir?
- 6. Doğru HTML Blockquote
- 7. Django için form seç alanı
- 8. Django: Formset form alanı olarak formset
- 9. Form stili en iyi uygulamalar
- 10. jquery öğesi olmadığında beyaz alanı koruyun mu?
- 11. Kanonik form alanı
- 12. HTML/CSS - Belirli öğelerdeki beyaz alanı korumak için en iyi yöntem nedir?
- 13. html/php form mysql için
- 14. Mutlak en kısa d3 alanı örneği nedir?
- 15. POST multipart/form-data curl kullanarak doğru yolu nedir?
- 16. Coğrafi kodlama API'sı ne kadar doğru ve en doğru nedir?
- 17. İkili bir operatör için en iyi ad alanı nedir?
- 18. En son mp4parser/isoparser kütüphanesi için doğru ProGuard tanımı nedir?
- 19. Cümle bölünmesi için en doğru açık kaynak aracı nedir?
- 20. Yaylı yönlendirme alanı doğru yapılandırılmadı
- 21. HTML öğesi altta konumlandırılmayacak durumda
- 22. Python thread + Unix sinyalleri semantik nedir?
- 23. Python'da HTML işlemenin en iyi yolu nedir?
- 24. Doğru/yanlış değer için uygun veri alanı tipi?
- 25. ListField için Django-nonrel form alanı
- 26. HTML öğesi nasıl taşınır
- 27. Esnek bir HTML form düzeni nasıl oluşturulur?
- 28. Şöyle kendi HTML öğesi oluşturmak çalışıyorum dikey kaydırma HTML öğesi
- 29. Şablonda django form alanı nasıl oluşturulur
- 30. Windows form uygulamasında bellek sızıntılarını bulmanın en iyi yolu nedir?
Bu işe yarayabilir. Bunu doğru olarak işaretlemeden önce ansiklopedik bilgi birikimine sahip herhangi bir HTML uzmanının kesin bir cevap verebileceğini görmek için bir süre bekleyeceğim. –
aria-describeby cesur bir girişimdir, ancak birkaç problemi vardır. İlk olarak, HTML5 özellikleri, aria özniteliklerinin tarayıcıya * yalnızca içeriğin platformun erişilebilirlik API'sine nasıl içerik vermesi gerektiği ve anlamsal bilgileri iletmediği yönergelerinin * * direktifleri olduğunu açıkça belirtir. İkincisi, örnekler açıklama değildir. İdeal anlamsal bir çözüm, örneklerin yer tutucu niteliklerini oluşturmak ve bunları sorguda gösterildiği gibi giriş kutusunun dışında şekillendirmek olabilir, fakat bu şimdi değil, gelecek için. Şimdilik, ikinci bir '
@Alohci Söylediğiniz çoğu şeye katılıyorum. Bazen bir örnekle bir şeyi en iyi şekilde tanımlayabilirsiniz ('yer tutucu' hala geçerli bir fikirdir, ancak burada 'başlık' ile aynı sorunu vardır). En iyi sonuç için, önerilen 2 'etiketinin yerine, her şeyin etrafında bir' etiket 'ile devam ediyorum (ki bu tam olarak geçerli). – kapa