Fitur lain yang didukung oleh bootstrap, grup kotak input. Grup kotak input memanjang dari kontrol formulir. Dengan grup kotak input, mudah untuk menambahkan teks atau tombol sebagai awalan dan sufiks ke kotak input berbasis teks.
Tambahkan awalan dan akhiran ke bidang input
<div style="padding: 100px 100px 10px;"><form role="form"><div><span>@</span><input type="text" placeholder="twitterhandle"></div><br><div><input type="text"><span>.00</span></div><br><div><span>$</span><input type = "text"> <span> .00 </span> </div> </form> </div>
Kotak centang dan plugin radio digunakan sebagai awalan atau elemen akhiran untuk grup kotak input
<Div style = "Padding: 100px 100px 10px;"> <bentuk role = "Form"> <div> <viv> <div> <span> <input type = "centang kotak"> </span> <input type = "text"> </Div> <!-/input-group-> </Div> <! type = "Radio"> </span> <input type = "text"> </div> <!-/input-group-> </div> <!-/.col-lg-6-> </div> <!-/.row-> </form> </div>
Tombol digunakan sebagai elemen awalan atau sufiks untuk grup kotak input
<Div style = "Padding: 100px 100px 10px;"> <bentuk role = "Form"> <div> <viv> <div> <span> <tombol type = "tombol"> go! </button> </span> <input type = "Text"> </Div> <!-/input-group-> </Div> </div> <! type = "text"> <span> <tombol type = "tombol"> go! </button> </span> </div> <!-/input-group-> </div> <!-/.col-lg-6-> </div> <!-/.row-> </form kancing = "kancing =" input-group-btn "<Div> </form> </Div> class =" input-group-btn "<Div> </form>" DATAGLE "DATAGLE" DATAGLE "DATAGLED" DATAGLED "DATAGLED" KUMKLEG = "DATAGLEG/KUMTLEG =" DATAGREG = " Menu <span> </span> </button> <ul> <li> <a href = "#"> fungsi </a> </li> <li> <a href = "#"> lainnya </a> </li> <li> </li> <li> <a href = "#"> </a> </a> </li> <li> </Li> <a> </a> </a> </a> </li> </Li> <a> <a> </a> </a> </a> </Li> <a> <a> </a> </a> </a> </Li> <a> <a> </a> </a> </a> </Li> <a> <a> </a> </a> </a> </Li> <a> <a> </a> lainnya href="#">Other</a></li><li></li><li><a href="#">Disased link</a></li></ul></div><!-- /btn-group --><input type="text"></div><!-- /input-group --><div><div><button type="button" Data-koggle = "dropdown"> <span> </span> go <span> </span> <ul> <li> Judul menu tarik-turun </li> <li> <a href = "#"> a </a> </li> <li> <li> <a href = "#"> </a> </li> <li> <li> </Div = "#"> </a> </li> <li> <li> </Div = "#"> </a> </li> <li> <li> </Div = "#"> </a> </li> </Ul> </Div> </Div> </a> </a> </li> </Ul> </Div> type = "Tombol"> <span> </span> go </button> <tombol type = "tombol" data-koggle = "dropdown"> <span> </span> </button> <ul> <li> Judul menu tarik-turun </li> <li> <a href = "#"> </a> </li> <li> <li> <a href = "#" </a> </li> <li> <li> <a href = "#" type = "text"> </div> <br>
Di atas adalah berbagi kode grup kotak input bootstrap yang diperkenalkan oleh editor. Saya harap ini akan membantu semua orang!