Exemples de text d'ajuda del bloc Bootstrap

”, “

”, o més, es pot utilitzar per afegir text d'ajuda. Amb aquesta finalitat, el “ forma-text s'utilitza la classe. Aquesta classe té el ' pantalla: bloc ' propietat. A més, també conté la propietat del marge superior que ajuda el text a mostrar-se en algun espai d'altres camps d'entrada.

Exemple

Consulteu l'exemple següent:

---

---

• Afegeix el ' ” element per crear un formulari.
• Per incloure un títol al camp d'entrada, afegiu un ' ” element.
• Després d'això, afegiu el ' ” element amb “ control de forma ' i ' camp d'entrada ” per crear un camp d'entrada.
• A continuació, afegiu el ' 'element amb les classes' forma-text ' i ' text silenciat ” per afegir un text d'ajuda:

< forma >

< span > Introduir la contrasenya < / span >

< entrada classe = 'camp d'entrada de control de formulari' tipus = 'contrasenya' >

< div classe = 'formulari-text-text silenciat' > La vostra contrasenya ha de tenir 8 caràcters. < / div >

< / forma >

Les classes utilitzades en el fragment de codi anterior es descriuen aquí:

• “ control de forma ” La classe conté un estil global per als elements d'entrada.
• “ forma-text ” La classe afegeix estils al text d'ajuda.
• “ text silenciat ” afegeix estils generals al text d'ajuda.

Sortida

Com afegir text d'ajuda del bloc Bootstrap utilitzant elements en línia?

Els elements en línia com ara ' ' o ' ” es pot utilitzar per afegir text d'ajuda a la pàgina web.

Exemple

L'exemple següent mostra l'ús del ' ” element en línia per especificar el text d'ajuda:

< forma classe = 'formulari en línia' >

< div classe = 'grup de forma' >

< span >Introdueix el teu nom< / span >

< entrada classe = 'camp d'entrada de control de formulari' tipus = 'contrasenya' >

< petit classe = 'text silenciat' >S'ha d'omplir.< / petit >

< / div >

< / forma >

Es pot observar que el text d'ajuda s'ha afegit correctament:

Això és tot sobre el text d'ajuda del bloc Bootstrap.

Conclusió

Per afegir text d'ajuda a Bootstrap, el ' forma-text ” s'utilitza per afegir el text d'ajuda a nivell de bloc. El ' text silenciat La classe s'utilitza per crear text d'ajuda en línia. A Bootstrap 3, el ' ajuda-bloqueig s'utilitza la classe. Més concretament, el text d'ajuda es pot especificar amb els elements en línia o a nivell de bloc. Aquesta publicació ha explicat com afegir text d'ajuda a Bootstrap amb l'ajuda d'exemples.