Önyükleme Bloğu Yardım Metni Örnekleri

Onyukleme Blogu Yardim Metni Ornekleri



Herhangi bir uygulama oluştururken, geliştiriciler her zaman onu kullanıcı dostu hale getirmeye çalışırlar. Daha spesifik olarak, kullanıcı dostu web sitelerinin etkili gezinme, cihaz uyumluluğu, hata işleme vb. gibi birçok faktörü vardır. Örneğin, çeşitli bileşenlerle yardım metni eklemek, kullanıcının giriş alanlarına metin ekleme sürecinde yardımcı olan özelliklerden biridir. .

Bu gönderi, Bootstrap'teki blok yardım metni örnekleri hakkında size rehberlik edecektir.

Bootstrap Block Yardım Metni nedir?

Önyükleme bloğu yardım metni, “ kullanılarak oluşturulabilir. .form-metin ' sınıf. Bootstrap 3 sürümünde, “ yardım bloğu ” sınıfı yardım metni eklemek için kullanıldı.







Önyükleme Bloğu Yardım Metni Türleri

Listelenen bu öğe türleri, yardım metnini belirtmek için kullanılabilir:



Blok Öğelerini Kullanarak Önyükleme Bloğu Yardım Metni Nasıl Eklenir?

Blok düzeyindeki öğeler, örneğin '

”, “

” veya daha fazlası, yardım metni eklemek için kullanılabilir. Bu amaçla “ form-metin ” sınıfı kullanılır. Bu sınıf, “ Ekran bloğu ' Emlak. Ayrıca, metnin diğer giriş alanlarından bir miktar boşlukta görüntülenmesine yardımcı olan üst kenar boşluğu özelliğini de içerir.



Misal

Aşağıdaki örneği inceleyin:





  • Ekle ' ” öğesi bir form oluşturmak için.
  • Giriş alanına bir başlık eklemek için bir ' ” öğesi.
  • Bundan sonra, “ “ ile eleman form kontrolü ' ve ' giriş alanı ” bir giriş alanı oluşturmak için.
  • Ardından, “ 'sınıfları olan öğe' form-metin ' ve ' metin sessize alındı ” bir yardım metni eklemek için:
< form >

< açıklık > Parolanı Gir < / açıklık >

< giriş sınıf = 'form-kontrol giriş alanı' tip = 'parola' >

< div sınıf = 'form-metin metni sessize alındı' > Şifreniz 8 karakter uzunluğunda olmalıdır. < / div >

< / form >

Yukarıdaki kod parçacığında kullanılan sınıflar burada açıklanmıştır:

  • form kontrolü ” sınıfı, giriş öğeleri için bazı genel stiller içerir.
  • form-metin ” sınıfı, yardım metnine stiller ekler.
  • metin sessize alındı ” yardım metnine genel stiller ekler.

Çıktı



Satır İçi Öğeleri Kullanarak Önyükleme Bloğu Yardım Metni Nasıl Eklenir?

“ gibi satır içi öğeler ' veya ' ” web sayfasına yardım metni eklemek için kullanılabilir.

Misal

Aşağıdaki örnek, “ ” yardım metnini belirtmek için satır içi öğe:

< form sınıf = 'form satır içi' >

< div sınıf = 'gruptan' >

< açıklık >Adınızı Girin< / açıklık >

< giriş sınıf = 'form-kontrol giriş alanı' tip = 'parola' >

< küçük sınıf = 'metin sessize alındı' >doldurulmalıdır.< / küçük >

< / div >

< / form >

Yardım metninin başarıyla eklendiği görülmektedir:

Bu tamamen Bootstrap bloğu yardım metni ile ilgilidir.

Çözüm

Bootstrap'te yardım metni eklemek için ' form-metin ” sınıfı, blok düzeyinde yardım metnini eklemek için kullanılır. “ metin sessize alındı ” sınıfı, satır içi yardım metni oluşturmak için kullanılır. Bootstrap 3'te, “ yardım bloğu ” sınıfı kullanılır. Daha spesifik olarak, yardım metni, satır içi veya blok düzeyindeki öğelerle belirtilebilir. Bu gönderi, örnekler yardımıyla Bootstrap'te yardım metninin nasıl ekleneceğini açıkladı.