Mengubah Tampilan Prefix dan Postfix

Kita dapat tambahkan class .prefix-radius atau .prefix-round untuk menghasilkan bentuk prefix yang berbeda. Demikian juga pada postfix, kita dapat tambahkan class .postfix-radius atau .postfix-round.

Skrip prefix postfix style.html

<form>

    <div class="row">

        <div class="columns large-6">

            <div class="row collapse prefix-radius">

                <div class="columns small-2">

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

            </div>

            <div class="columns small-10">

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

            </div>

        </div>

            <div class="row collapse postfix-round">

                <div class="columns small-10">

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

                </div>

                <div class="columns small-2">

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

                </div>

            </div>

        </div>

    </div>

</form>

Share :