ブートストラップ、入力ボックスグループでサポートされている別の機能。入力ボックスグループは、フォームコントロールから拡張されます。入力ボックスグループを使用すると、テキストベースの入力ボックスのプレフィックスとサフィックスとしてテキストまたはボタンを簡単に追加できます。
入力フィールドに接頭辞と接尾辞を追加します
<div style = "padding:100px 100px 10px;"> <form role = "form"> <div> <span>@</span> <入力タイプ= "text" placeholder = "twitterhandle"> </div> <br> <div> <div> "text"> <span> .00 </span> </div type = "text"> <span> .00 </span> </div> </form> </div>
チェックボックスとラジオプラグインは、入力ボックスグループのプレフィックスまたはサフィックス要素として使用されます
<div style = "padding:100px 100px 10px;"> <form role = "form"> <div> <div> <div> <span> <input type = "checkbox"> </span> <input-group-> </div> <! - /.col-lg-6-> <bbr> <div> <div> <div> <div> <div> type = "Radio"> </span> <入力タイプ= "text"> </div> <! - /input-group-> </div> <! - /.col-lg-6-> </div> <! - /.row-> </form> </div>
ボタンは、入力ボックスグループのプレフィックスまたは接尾辞要素として使用されます
<div style = "padding:100px 100px 10px;"> <form role = "form"> <div> <div> <div> <span> <button type = "button"> go!</button> </span> <入力タイプ= "テキスト"> </div> < type = "text"> <span> <button = "button"> go!</button> </span> </div> </div> <メニュー<span> </span> </button> <ul> <li> <a href = "#"> function </a> </li> <li> <a href = "#">その他</a> </li> <li> </li> <li> <a href = "#">その他</a> href = "#">その他</a> </li> <li> </li> <li> <a href = "#">無効リンク</a> </li> </ul> </div> <! - /btn-group-> <入力タイプ= "テキスト"> </div> <! - /input-group-> <div> <div> <div> <button <button "botn data-toggle = "ドロップダウン"> <span> </span> go <span> </span> <ul> <li>ドロップダウンメニュータイトル</li> <li> <a href = "#"> a </a> </li> <li> <li> type = "button"> <span> </span> go </button> <button = "button =" button "data-toggle =" dropdown "> <span> </span> </button> <ul> <li>ドロップダウンメニュータイトル</li> <li> <a href ="# "> a </a> </li> <li> </</</</</</</</</<li> type = "text"> </div> <br>
上記は、エディターが導入したブートストラップ入力ボックスグループのコード共有です。私はそれが誰にでも役立つことを願っています!