Bootstrap Block Súgószöveg Példák

”, „

” vagy több használható súgószöveg hozzáadására. Ebből a célból a „ forma-szöveg ” osztályt használják. Ennek az osztálynak a ' kijelző: blokk ' ingatlan. Ezenkívül tartalmazza a felső margó tulajdonságot is, amely segít a szövegnek a más beviteli mezők bizonyos helyén való megjelenítésében.

Példa

Nézze meg az alábbi példát:

---

---

• Add hozzá a '
  ” elemet űrlap létrehozásához.
• Ha feliratot szeretne beilleszteni a beviteli mezőbe, adjon hozzá egy „ ” elemet.
• Ezt követően adja hozzá a „ ' elem a ' forma-szabályozás ” és „ beviteli mező ” beviteli mező létrehozásához.
• Ezután adja hozzá a „ ' elem az osztályokkal ' forma-szöveg ” és „ szöveg némítva ” súgószöveg hozzáadásához:

< forma >

< span > Írd be a jelszót < / span >

< bemenet osztály = 'form-control beviteli mező' típus = 'Jelszó' >

< div osztály = 'form-text text-muted' > A jelszónak 8 karakter hosszúságúnak kell lennie. < / div >

< / forma >

A fenti kódrészletben használt osztályok leírása itt található:

• ' forma-szabályozás ” osztály tartalmaz néhány globális stílust a bemeneti elemekhez.
• ' forma-szöveg ” osztály stílusokat ad a súgószöveghez.
• ' szöveg némítva ” általános stílusokat ad a súgószöveghez.

Kimenet

Hogyan adjunk hozzá Bootstrap blokk súgószöveget beágyazott elemek használatával?

A soron belüli elemek, mint pl. ” vagy „ ” segítségével súgószövegeket adhatunk a weboldalhoz.

Példa

Az alábbi példa bemutatja a „ ” soron belüli elem a súgószöveg megadásához:

< forma osztály = 'form-inline' >

< div osztály = 'forma-csoport' >

< span >Írja be a nevét< / span >

< bemenet osztály = 'form-control beviteli mező' típus = 'Jelszó' >

< kicsi osztály = 'szöveg elnémítva' >Ki kell tölteni.< / kicsi >

< / div >

< / forma >

Megfigyelhető, hogy a súgószöveg sikeresen hozzáadásra került:

Ez az egész a Bootstrap blokk súgószövegéről szól.

Következtetés

Súgószöveg hozzáadásához a Bootstrapben, a „ forma-szöveg ” osztály a blokkszintű súgószöveg hozzáadására szolgál. Az ' szöveg némítva ” osztályt a szövegközi súgószöveg létrehozására használják. A Bootstrap 3-ban a „ help-blokk ” osztályt használják. Pontosabban, a súgószöveg megadható a soron belüli vagy blokkszintű elemekkel. Ez a bejegyzés példák segítségével elmagyarázta, hogyan adhat hozzá súgószöveget a Bootstraphoz.