Contoh Teks Bantuan Bootstrap Block

Contoh Teks Bantuan Bootstrap Block



Semasa membuat sebarang aplikasi, pembangun sentiasa cuba menjadikannya mesra pengguna. Lebih khusus lagi, tapak web mesra pengguna mempunyai banyak faktor, termasuk navigasi yang berkesan, keserasian peranti, pengendalian ralat, dll. Contohnya, menambah teks bantuan dengan pelbagai komponen ialah satu ciri yang membantu pengguna dalam proses menambah teks dalam medan input .

Siaran ini akan membimbing anda tentang contoh teks bantuan blok dalam Bootstrap.

Apakah Teks Bantuan Bootstrap Block?

Teks bantuan blok Bootstrap boleh dibuat menggunakan ' .bentuk-teks ” kelas. Dalam versi Bootstrap 3, ' blok bantuan ” kelas digunakan untuk menambah teks bantuan.







Jenis Teks Bantuan Bootstrap Block

Jenis elemen yang disenaraikan ini boleh digunakan untuk menentukan teks bantuan:



Bagaimana untuk Menambah Teks Bantuan Blok Bootstrap Menggunakan Elemen Blok?

Elemen peringkat blok, seperti “

”, “

”, atau lebih, boleh digunakan untuk menambah teks bantuan. Untuk tujuan ini, ' bentuk-teks ” kelas digunakan. Kelas ini mempunyai ' paparan: blok ” harta benda. Selain itu, ia juga mengandungi sifat margin atas yang membantu teks dipaparkan pada beberapa ruang daripada medan input lain.



Contoh

Lihat contoh di bawah:





  • Tambah ' ” elemen untuk mencipta borang.
  • Untuk memasukkan kapsyen pada medan input, tambahkan “ ” unsur.
  • Selepas itu, tambahkan ' 'elemen dengan ' kawalan bentuk ” dan “ medan input ” untuk mencipta medan input.
  • Kemudian, tambahkan ' 'elemen dengan kelas' bentuk-teks ” dan “ diredamkan teks ” untuk menambah teks bantuan:
< bentuk >

< rentang > Masukkan kata laluan < / rentang >

< input kelas = 'medan input kawalan borang' menaip = 'kata laluan' >

< div kelas = 'teks bentuk-teks-diredamkan' > Kata laluan anda mestilah 8 aksara panjang. < / div >

< / bentuk >

Kelas yang digunakan dalam coretan kod di atas diterangkan di sini:

  • kawalan bentuk ” kelas mengandungi beberapa penggayaan global untuk elemen input.
  • bentuk-teks ” kelas menambah gaya pada teks bantuan.
  • diredamkan teks ” menambah gaya umum pada teks bantuan.

Pengeluaran



Bagaimana untuk Menambah Teks Bantuan Blok Bootstrap Menggunakan Elemen Sebaris?

Elemen sebaris seperti “ ” atau “ ” boleh digunakan untuk menambah teks bantuan pada halaman web.

Contoh

Contoh di bawah menunjukkan penggunaan ' ” elemen sebaris untuk menentukan teks bantuan:

< bentuk kelas = 'baris borang' >

< div kelas = 'kumpulan bentuk' >

< rentang >Masukkan Nama Anda< / rentang >

< input kelas = 'medan input kawalan borang' menaip = 'kata laluan' >

< kecil kelas = 'teks diredam' >Mesti diisi.< / kecil >

< / div >

< / bentuk >

Dapat diperhatikan bahawa teks bantuan telah berjaya ditambahkan:

Ini semua tentang teks bantuan blok Bootstrap.

Kesimpulan

Untuk menambah teks bantuan dalam Bootstrap, ' bentuk-teks kelas ” digunakan untuk menambah teks bantuan peringkat blok. ' diredamkan teks ” kelas digunakan untuk mencipta teks bantuan sebaris. Dalam Bootstrap 3, ' blok bantuan ” kelas digunakan. Lebih khusus lagi, teks bantuan boleh ditentukan dengan elemen peringkat sebaris atau blok. Siaran ini telah menerangkan cara menambah teks bantuan dalam Bootstrap dengan bantuan contoh.