Příklady textu nápovědy zaváděcího bloku

Priklady Textu Napovedy Zavadeciho Bloku



Při vytváření jakékoli aplikace se vývojáři vždy snaží, aby byla uživatelsky přívětivá. Přesněji řečeno, uživatelsky přívětivé webové stránky mají mnoho faktorů, včetně efektivní navigace, kompatibility zařízení, zpracování chyb atd. Například přidání textu nápovědy s různými komponentami je jednou z funkcí, která uživateli pomáhá v procesu přidávání textu do vstupních polí. .

Tento příspěvek vás provede příklady blokového textu nápovědy v Bootstrapu.

Co je text nápovědy k bloku Bootstrap?

Text nápovědy k bloku Bootstrap lze vytvořit pomocí „ .formulář-text “třída. Ve verzi Bootstrap 3 je „ pomocný blok ” třída byla použita k přidání textu nápovědy.







Typy textu nápovědy zaváděcího bloku

Tyto zapsané typy prvků lze použít k určení textu nápovědy:



Jak přidat text nápovědy k bloku Bootstrap pomocí prvků bloku?

Prvky na úrovni bloku, jako např.

“, “

”, nebo více, lze použít k přidání textu nápovědy. Za tímto účelem je „ formulář-text ” se používá třída. Tato třída má „ displej: blok ' vlastnictví. Navíc obsahuje také vlastnost top margin, která pomáhá textu zobrazit se na určitém místě od jiných vstupních polí.



Příklad

Podívejte se na příklad níže:





  • Přidat ' ” k vytvoření formuláře.
  • Chcete-li do vstupního pole zahrnout popisek, přidejte „ prvek.
  • Poté přidejte „ 'prvek s ' kontrola formy ' a ' vstupní pole ” pro vytvoření vstupního pole.
  • Poté přidejte „ 'prvek s třídami' formulář-text ' a ' text ztlumený ” pro přidání textu nápovědy:
< formulář >

< rozpětí > Zadejte heslo < / rozpětí >

< vstup třída = 'vstupní pole ovládání formuláře' typ = 'Heslo' >

< div třída = 'form-text text-muted' > Vaše heslo musí mít 8 znaků. < / div >

< / formulář >

Třídy použité ve výše uvedeném fragmentu kódu jsou popsány zde:

  • kontrola formy ” třída obsahuje nějaké globální styly pro vstupní prvky.
  • formulář-text ” přidává do textu nápovědy styly.
  • text ztlumený ” přidává k textu nápovědy obecné styly.

Výstup



Jak přidat text nápovědy k bloku Bootstrap pomocí vložených prvků?

Vložené prvky jako „ “ nebo „ ” lze použít k přidání textu nápovědy na webovou stránku.

Příklad

Níže uvedený příklad ukazuje použití „ ” vložený prvek pro zadání textu nápovědy:

< formulář třída = 'form-inline' >

< div třída = 'form-skupina' >

< rozpětí >Zadejte své jméno< / rozpětí >

< vstup třída = 'vstupní pole ovládání formuláře' typ = 'Heslo' >

< malý třída = 'text ztlumený' >Musí být vyplněno.< / malý >

< / div >

< / formulář >

Lze pozorovat, že text nápovědy byl úspěšně přidán:

To je vše o textu nápovědy k bloku Bootstrap.

Závěr

Chcete-li do Bootstrapu přidat text nápovědy, „ formulář-text ” se používá k přidání textu nápovědy na úrovni bloku. ' text ztlumený Třída ” se používá k vytvoření textu nápovědy. V Bootstrap 3, „ pomocný blok ” se používá třída. Přesněji řečeno, text nápovědy může být specifikován s vloženými prvky nebo prvky na úrovni bloku. Tento příspěvek vysvětlil, jak přidat text nápovědy do Bootstrapu pomocí příkladů.