Eine weitere von Bootstrap, Eingangsboxgruppen unterstützte Funktion. Die Eingabefeldgruppe erstreckt sich vom Formularregel. Bei Eingabefeldgruppen ist es einfach, Text- oder Schaltflächen als Präfixe und Suffixe zu textbasierten Eingangsfeldern hinzuzufügen.
Fügen Sie dem Eingangsfeld Präfix und Suffix hinzu
<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 Typ = "text"> <span> .00 </span> </div> </form> </div>
Kontrollkästchen und Radio -Plugins werden als Präfixe oder Suffixelemente für Eingabefassastgruppen verwendet
<div style = "padding: 100px 100px 10px;"> <Formrolle = "Form"> <div> <div> <span> <Eingabe-Typ = "CheckBox"> </span> <Eingabe-Typ = "text"> </div> <!-/Eingabegruppe-> </div> <! type = "radio"> </span> <Eingabe type = "text"> </div> <!-/Eingabegruppe-> </div> <!-/.col-lg-6-> </div> <!-/.row-> </form> </div>
Tasten werden als Präfix- oder Suffixelemente für Eingabefeldgruppen verwendet
<div style = "padding: 100px 100px 10px;"> <Formrolle = "Form"> <div> <div> <span> <button type = "button"> go! </button> </span> <Eingabe-Typ = "Text"> </div> <!-/Eingabe-Gruppen-Divel <!-/. Typ = "Button"> go! </button> </span> </div> <!-/input-gruppe-> </div> <!-/.col-lg-6-> </div> <!-/.Row-> </Form> </div> class = "input-gruppen-btn" <div> <div> <div> <divdowns "Taste" Taste "Taste" Taste "Taste" Taste "Taste" Taste "Taste" Taste "Taste" data-"-To-type" data-"-To-type" data-"-To-type" data-"-To-type" data-". menu<span></span></button><ul><li><a href="#">Function</a></li><li><a href="#">Other</a></li><li></li><li><a href="#">Other</a></li><li></li><li><a href = "#"> Andere </a> </li> <li> </li> <li> <a href = "#"> Disased Link </a> </li> </ul> </div> <!-/btn-gruppe-> <input type = "text"> </div> <! GO<span></span><ul><li>Drop-down menu title</li><li><a href="#">A</a></li><li><li><a href="#">B</a></li></ul> </div><input type="text"> </div><br><div><div><button type="button"><span></span> GO</button> <button type="button" data-toggle="dropdown"><span></span></button><ul><li>Drop-down menu title</li><li><a href="#">A</a></li><li><li><a href="#">B</a></li></ul> </div><input type="text"> </div><br>
Das obige ist die Codefreigabe der vom Editor eingeführten Bootstrap -Eingangsboxgruppe. Ich hoffe, es wird für alle hilfreich sein!