Saat membuat formulir, tidak dapat dihindari untuk melakukan verifikasi bentuk. Penting juga untuk memberikan gaya status verifikasi, dan efek ini juga disediakan dalam kerangka bootstrap.
1.Has-warning: Status peringatan (kuning)
2. .Has-error: status kesalahan (merah)
3. .has-success: status keberhasilan (hijau)
Saat menggunakannya, Anda hanya perlu menambahkan nama kelas status yang sesuai dengan wadah grup formulir.
<Form role = "Form"> <div> <label for = "inputsuccess1"> status sukses </label> <input type = "text" id = "inputSucCess1" placeholder = "status sukses"> </div> <div> <label for = "inputwarning1"> status PlacePolder </label> <input "iD =" TEKP = "TEKP =" TEKP = "" TEKP = "TEKP =" TEKP = "TEKP =" TEKP = "TEKP =" TEKP = "TEKP =" TEKP = "TEKP =" TEKP = "Input =" Status "> </div> <ver> <label for =" inputerror1 "> Status kesalahan </label> <input type =" text "id =" inputerror1 "placeholder =" status kesalahan "> </div> </form>
Efek berjalan adalah sebagai berikut atau melihat jendela hasil di sebelah kanan:
Sering kali, ketika memverifikasi formulir, keadaan yang berbeda akan memberikan ikon yang berbeda, seperti keberhasilan adalah tanda cek (√), kesalahan adalah tanda silang (×), dll. Efek ini juga disediakan dalam kotak bootstrap. Jika Anda ingin formulir menampilkan ikon dalam keadaan yang sesuai, Anda hanya perlu menambahkan nama kelas "have-feedback" di negara yang sesuai. Perhatikan bahwa nama-nama seperti itu harus bersama "HAD-ERROR", "Had Warning" dan "Hading-Success":
<form role="form"><div><label for="inputSuccess1">Success Status</label><input type="text" id="inputSuccess1" placeholder="success Status" ><span></span></div><div><label for="inputWarning1">Warning Status</label><input type="text" id="inputWarning1" placeholder="Warning Status "> <span> </span> </div> <v div> <label for =" inputerror1 "> status kesalahan </label> <input type =" text "id =" inputerror1 "placeholder =" status kesalahan "> <span> </span> </div> </form>
Efek berjalan adalah sebagai berikut atau melihat jendela hasil di sebelah kanan:
Seperti yang dapat dilihat dari rendering, ikon -ikon ada di sebelah kanan. Ikon kecil di Bootstrap semuanya dibuat menggunakan @font-face (bagian akan diperkenalkan dalam konten berikut). Dan Anda harus menambahkan elemen rentang ke formulir:
<span> </span>
Di atas adalah status kontrol formulir (status verifikasi) dalam bootstrap yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!