<form> <div class="row"> <h2>前置后置标签</h2> <div class="large-6 columns"> <div class="row collapse prefix-radius"> <div class="small-3 columns"> <span class="prefix">前置</span> </div> <div class="small-9 columns"> <input type="text" placeholder="Value"> </div> </div> </div> <div class="large-6 columns"> <div class="row collapse postfix-radius"> <div class="small-9 columns"> <input type="text" placeholder="Value"> </div> <div class="small-3 columns"> <span class="postfix">后置</span> </div> </div> </div> </div> </form>