Input group

Use input groups to display textual or other static information to provide relevant and helpful information about what the user is typing in and how it will be used. Below is a basic example, see the Bootstrap documentation for more examples.

<div style="max-width: 600px">
    <label for="basic-url">Föreningsadress</label>
    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <span class="input-group-text" id="basic-addon3">https://minsida.foreningshuset.se/</span>
        </div>
        <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
    </div>

    <label for="price">Pris</label>
    <div class="input-group mb-3">
        <input type="text" id="price" class="form-control" aria-label="Amount">
        <div class="input-group-append">
            <span class="input-group-text">SEK</span>
        </div>
    </div>
</div>