Prefix dan Postfix

Prefix merupakan elemen yang menempel pada sebelah kiri kotak input. Sedangkan postfix merupakan elemen yang menepel pada sebelah kanan kotak input.

Cara membuat prefix yaitu dengan menambah class .prefix pada tag <span>, sedangkan untuk membuat postfix yaitu dengan menambah class .postfix pada tag <span>. Agar prefix atau postfix dapat menempel pada kotak input maka pada tag <div> dengan class .row ditambah class .collapse.

Skrip prefix postfix.html

<form>

    <div class="row collapse">

        <div class="columns small-2">

            <span class="prefix">Http://</ span>

        </div>

        <div class="columns small-8">

            <input type"text" placeholder="Website">

        </div>

        <div class="columns small-2">

            <span class="postfix">. com</span>

        </div>

    </div>

</form>

Share :