Metin Alanı HTML Şablonları

Yapılandırılmış Alanlar İçin Textarea HTML Şablonları

Çok satırlı alanlardaki çoğu sorun işaretleme aşamasında başlar: kutuya bağlı bir etiketin olmaması, gönderilecek bir adın bulunmaması ve ziyaretçiye iki cümle mi yoksa iki paragraf mı beklendiğini belirten hiçbir şeyin sunulmaması. Bir "textarea" şablonu önce bu bileşenleri netleştirir.

Temel İşaretleme: Label, Name, Rows

Eksiksiz bir destek alanı çok az öğeye ihtiyaç duyar. "Sorunu açıklayın" gibi bir etiket, "for" değeri üzerinden denetime işaret eder; denetim bu değeri "id" olarak yineler, "message" gibi bir "name" taşır, altı satırla açılır ve "sipariş numarası, ne olduğu, ne denediğiniz" şeklinde bir placeholder sunar.

Buradaki dört ayrıntı kilit rol oynar:

1. Etiketteki "for" ve denetimdeki eşleşen "id" ikisini birbirine bağlar, böylece metne tıklandığında imleç kutuya geçer ve yardımcı teknolojiler bunları tek bir bütün olarak okur;
2. "name", yanıtın iletildiği anahtardır ve bu anahtarın bulunmadığı bir alan hiçbir veri iletmez;
3. "rows", kaydırma başlamadan önce kaç satırın görüneceğini belirler ve beklediğiniz uzunluk hakkında açık bir ipucu verir;
4. "placeholder" bir örnek gösterir ve ilk tuşa basıldığında kaybolduğu için asla etiketin yerini almaz.

"cols" yatay karşılığıdır ve çoğu şablon bunu dahil etmez.

Zorunlu veya Sınırlı Yanıtlar İçin Nitelikler

Kısa bir yorum ile bir garanti talebi farklı gereksinimlere ihtiyaç duyar ve üç nitelik bu farkların çoğunu karşılar:

1. "required", boş gönderimi engeller ve ekibinizin çalışması için zorunlu olan alanda, genellikle sorun açıklamasında yer almalıdır;
2. "minlength", proje brifinglerinde olduğu gibi tek kelimelik yanıtların yetersiz kaldığı durumlarda bir alt sınır belirler;
3. "maxlength", çok uzun girişleri sınırlar ve "aria-describedby" ile denetime bağlanan bir sayaçla birlikte en iyi şekilde çalışır.

Sonuç olarak belirgin biçimde farklılaşan şablonlar ortaya çıkar. Bir destek mesajı required niteliğini, altı satırı ve yaklaşık 1200 karakterlik sınırı korur. Bir proje açıklaması yaklaşık 80 karakter alt sınırıyla 10 satıra yayılır. Bir inceleme ise isteğe bağlı ve sınırsız kalır, çünkü bir alt sınır koymak yazmayı zorlaştırabilir.

Gönderim Öncesi Erişilebilir Sıralama

Belge içindeki sıralama en az nitelikler kadar önemlidir. Önce etiket, ardından varsa yardımcı metin, sonra denetim ve son olarak doğrulama mesajı alanı yer almalıdır. Sesli okunduğunda bu sıralama mantıklıdır ve Sekme tuşuyla gezinen bir ziyaretçi boş kutudan önce açıklamayı görür. "aria-describedby", yardımcı metni ve karakter sayacını denetime bağlar ve hiçbir yer tutucu bu bağlantının yerini tutamaz.

Nicepage, etiketleri, denetimleri ve gönderimi düzenli tutan Contact Form Element aracılığıyla aynı yapıyı oluşturur.

İhtiyacınız olan etikete, yanıtın zorunlu olup olmadığına, beklediğiniz uzunluğa, ziyaretçiye sağladığınız ipuçlarına ve arkasındaki doğrulamaya göre bir şablon seçin.