Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!-- Text addon --> <div class="input-group mb-3"> <span class="input-group-text">@</span> <input type="text" class="form-control" placeholder="Username"> </div> <!-- Button addon --> <div class="input-group mb-3"> <input type="text" class="form-control" placeholder="Search..."> <button class="btn btn-primary">Go</button> </div> <!-- Both sides --> <div class="input-group mb-3"> <span class="input-group-text">$</span> <input type="number" class="form-control" placeholder="Amount"> <span class="input-group-text">.00</span> </div>
Result
Open