Príklady textu Pomocníka k bloku bootstrap

Priklady Textu Pomocnika K Bloku Bootstrap



Pri vytváraní akejkoľvek aplikácie sa vývojári vždy snažia, aby bola užívateľsky prívetivá. Presnejšie povedané, užívateľsky prívetivé webové stránky majú mnoho faktorov vrátane efektívnej navigácie, kompatibility zariadení, spracovania chýb atď. Napríklad pridávanie textu pomocníka s rôznymi komponentmi je jednou z takýchto funkcií, ktorá pomáha používateľovi v procese pridávania textu do vstupných polí. .

Tento príspevok vás prevedie príkladmi blokového textu pomoci v Bootstrape.

Čo je to pomocný text bootstrap Block?

Pomocný text k bloku Bootstrap je možné vytvoriť pomocou „ .formulár-text ' trieda. Vo verzii Bootstrap 3 je „ pomocný blok ” trieda bola použitá na pridanie pomocného textu.







Typy textu Pomocníka pre blok bootstrap

Tieto zaradené typy prvkov možno použiť na špecifikáciu textu pomoci:



Ako pridať pomocný text k bloku bootstrap pomocou prvkov bloku?

Prvky na úrovni bloku, ako napríklad „

“, “

”, alebo viac, možno použiť na pridanie textu pomocníka. Na tento účel sa „ formulár-text ” používa sa trieda. Táto trieda má „ displej: blok ' nehnuteľnosť. Okrem toho obsahuje aj vlastnosť horného okraja, ktorá pomáha textu zobraziť sa na určitom mieste od iných vstupných polí.



Príklad

Pozrite si príklad nižšie:





  • Pridajte „
    ” na vytvorenie formulára.
  • Ak chcete do vstupného poľa zahrnúť popis, pridajte „ ' prvok.
  • Potom pridajte „ 'prvok s ' kontrola formy “ a „ vstupné pole ” na vytvorenie vstupného poľa.
  • Potom pridajte „ 'prvok s triedami' formulár-text “ a „ stlmený text ” na pridanie textu pomocníka:
< formulár >

< rozpätie > Zadajte heslo < / rozpätie >

< vstup trieda = 'vstupné pole na ovládanie formulára' typu = 'heslo' >

< div trieda = 'form-text text-muted' > Vaše heslo musí mať 8 znakov. < / div >

< / formulár >

Triedy použité vo vyššie uvedenom úryvku kódu sú popísané tu:

  • kontrola formy ” obsahuje nejaký globálny štýl pre vstupné prvky.
  • formulár-text ” pridáva štýly do textu pomocníka.
  • stlmený text “ pridáva k textu pomocníka všeobecné štýly.

Výkon



Ako pridať pomocný text k bloku bootstrap pomocou vložených prvkov?

Vložené prvky ako „ “ alebo „ ” možno použiť na pridanie pomocného textu na webovú stránku.

Príklad

Nižšie uvedený príklad ukazuje použitie „ ” vložený prvok na určenie textu pomoci:

< formulár trieda = 'form-inline' >

< div trieda = 'formová skupina' >

< rozpätie >Zadajte svoje meno< / rozpätie >

< vstup trieda = 'vstupné pole na ovládanie formulára' typu = 'heslo' >

< malý trieda = 'text s vypnutým zvukom' >Musí byť vyplnené.< / malý >

< / div >

< / formulár >

Je možné pozorovať, že text pomocníka bol úspešne pridaný:

Toto je všetko o texte pomocníka k bloku Bootstrap.

Záver

Ak chcete do Bootstrapu pridať text pomoci, „ formulár-text ” sa používa na pridanie textu pomoci na úrovni bloku. ' stlmený text ” sa používa na vytvorenie vloženého pomocného textu. V Bootstrap 3 sa „ pomocný blok ” používa sa trieda. Presnejšie povedané, pomocný text môže byť špecifikovaný pomocou vložených prvkov alebo prvkov na úrovni bloku. Tento príspevok vysvetľuje, ako pomocou príkladov pridať pomocný text do Bootstrapu.