Bir HTML5 Formunda Metin Kutularının Yerleştirilmesi - AYANLAR

HTML5'in kullandığı form öğelerinin çoğu input etiketine dayanır. Bu web sayfası oluşturan atölye, ilginç girdi nesneleri yapmak için kullanılan genel amaçlı bir etikettir, ancak elinizin altında olan tek metin kutusu türü değildir. Ayrıca, bu formun demosunun üst kısmında gösterildiği gibi, şifre alanları ve çok satırlı metin kutuları da oluşturabilirsiniz.

Bu şekildeki metin kutuları için kod şöyle görünür:

formDemo. html

Form Demosu
Metin girişi
Metin kutusu
Şifre türü = "şifre" id = "myPwd" değeri = "gizli" />
Metin Alanı id = "myTextArea" rows = " 3 "cols =" 80 "> Buradaki metni

Temel bir metin kutusu

Temel bir metin kutusu oluşturma basittir:

1. Bir giriş öğesi oluşturun.

   Etiket elemanın genel yapısını oluşturur.

2. Standart bir metin öğesi oluşturduğunuzu belirtmek için türünü " metin " olarak ayarlayın; daha detaylı bir şey değil.

3. Elemanı adlandırmak için bir id özniteliği ekleyin.

   Bu, JavaScript koduna sayfayı eklediğinizde çok önemli hale gelir, çünkü JavaScript kodunuz kimliğini formdaki verileri çıkarmak için kullanır.

4. Varsayılan verileri ekleyin .

   İsterseniz, value niteliğini kullanarak varsayılan veriyi ekleyebilirsiniz. Değere yerleştirdiğiniz herhangi bir metin formun varsayılan değeri olur.

Metin öğesi ekranda küçük bir kutu yerleştirir. Web sayfanıza gelen bir ziyaretçi kutuyu seçtiğinde, imleç bir I-kirişine dönüşecek ve ziyaretçiniz kutuya metin yazabilecektir.

Parola alanı

Parola alanı, şekilde gösterildiği gibi sıradan metin alanına benzer, ancak birincil bir fark vardır: Kullanıcı parola alanına veri girdiğinde alanın içeriği değiştirilir yıldızlarla.

Bir şifre alanı, temel metin alanı ile aynı giriş etiketini kullanır. Tek fark id özniteliğini "parola" olarak ayarlamanızdır.

Yedek yıldız işaretleri kötü bir gözlemcinin şifrenizi keşfetmesini önleyebilir, ancak bir şifre alanı gerçek bir güvenlik önermez - özellikle de JavaScript'i kullanırsanız, arama kodunu tarayıcıya rahatça kullanılabilir duruma getirir. JavaScript, çok fazla sır saklamak istiyorsanız kullanılacak dil değildir.

Çok satırlı bir metin kutusu

Bazen ziyaretçilere web sayfanıza birkaç satırlık metin girebilme olanağı verirsiniz. HTML5 textarea öğesi bu durum için mükemmeldir. Kendi metin alanınızı nasıl oluşturacağınız aşağıda açıklanmıştır:

1. Çok satırlı bir metin kutusunun başlangıcını belirtmek için etiketiyle başlayın.

   İsterseniz, metin alanınıza bir isim vermek için etiketi kullanın.

2. Satır sayısını belirtin.

   Metin alanının içerilmesini istediğiniz metin satırlarının (veya satırların) sayısını belirtin. Büyük kutular daha fazla metni barındırabilir, ancak ekranda daha fazla alana ihtiyaç duyarlar.

3. Sütun sayısını belirtin.

   Sütun sayısı, metin kutusunun ne kadar geniş (karakter olarak) olduğunu gösterir. Sayfa genişliği formu genellikle 80 karakterdir.

4. Kapanış etiketini ekleyin.