Metin Alanı HTML Şablonları

Ayrıntılı mesajlar, metin alanı net bir form hiyerarşisinin parçası olduğunda en iyi sonucu verir. Bu HTML şablonları, etiketleri, kısa alanları, çok satırlı yanıtları ve eylemleri, ekran boyutları arasında okunabilir kalan yeniden kullanılabilir yapılara dönüştürür.

Diğer Kişiler HTML Şablonları

Yapılandırılmış Alanlar için HTML Metin Alanı Şablonları

Çok satırlı bir alanla ilgili sorunların çoğu işaretlemede başlar: kutuya bağlı bir etiket yok, gönderilecek bir ad yok, ziyaretçiye iki cümle mi yoksa iki paragraf mı beklendiğini söyleyen hiçbir şey yok. Bir "metin alanı" şablonu bu kısımları önce halleder.

Temel İşaretleme: Etiket, Ad, Satırlar

Tam bir destek alanı az şeye ihtiyaç duyar. "Sorunu açıklayın" gibi bir etiket, "için" değeri aracılığıyla kontrolü işaret eder; kontrol bu değeri "kimliği" olarak tekrarlar, "mesaj" gibi bir "ad" taşır, altı satırda açılır ve "sipariş numarası, ne oldu, ne denediniz" gibi bir yer tutucu sunar.

Burada dört ayrıntı önem taşır:

  1. Etiketteki "için" ve kontroldeki eşleşen "kimlik" ikisini birbirine bağlar, böylece metne tıklamak imleci kutuya yerleştirir ve yardımcı yazılım bunları tek bir şey olarak okur;

  2. "Ad", cevabın geldiği anahtardır ve onsuz bir alan hiçbir şey katmaz; 3. "rows", kaydırma başlamadan önce kaç satırın görünür olacağını belirler; bu, beklediğiniz uzunluk hakkında dürüst bir ipucudur;

  3. "placeholder" bir örnek gösterir ve ilk tuş vuruşunda kaybolduğu için etiketi asla değiştirmez.

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

Gerekli veya Sınırlı Yanıtlar İçin Özellikler

Hızlı bir yorum ve bir garanti talebi farklı garantiler gerektirir ve üç özellik bu mesafenin çoğunu kapsar:

  1. "required", boş bir gönderimi durdurur ve ekibinizin onsuz çalışamayacağı alana, genellikle sorun açıklamasına aittir;

  2. "minlength", bir proje özeti gibi tek kelimelik yanıtların işe yaramadığı bir alt sınır belirler;

  3. "maxlength", çok uzun girişleri sınırlandırır ve "aria-describedby"nin kontrole bağladığı bir sayacın yanında en iyi şekilde çalışır.

Sonuç, belirgin şekilde farklı şablonlardır. Destek mesajı, gerekli bayrağı, altı satırı ve yaklaşık 1200 karakterlik bir sınırı korur. Proje açıklaması, yaklaşık 80 karakterlik bir alt sınırla 10 satıra yayılır. Bir inceleme isteğe bağlı ve sınırsızdır, çünkü oradaki bir alt sınır yazmayı caydırır.

Gönderimden Önce Erişilebilir Sıralama

Belgedeki sıralama, özellikler kadar önemlidir. Önce etiket, sonra yardımcı metin, sonra kontrol, sonra doğrulama mesajı için yer. Sesli okunduğunda, sıralama mantıklıdır ve sekme tuşuyla ilerleyen bir ziyaretçi, boş kutudan önce açıklamayı görür. "aria-describedby" yardımcı metni ve karakter sayacını kontrole bağlar ve hiçbir yer tutucu bu bağlantının yerini almaz.

Nicepage, etiketleri, kontrolleri ve gönderimi sırayla tutan İletişim Formu Öğesi aracılığıyla aynı yapıyı oluşturur.

İhtiyacınız olan etikete, cevabın zorunlu olup olmadığına, beklediğiniz uzunluğa, ziyaretçiye verdiğiniz ipuçlarına ve doğrulama mekanizmasına göre bir şablon seçin.