Materialisecss如何獲得輸入左側的標籤

Question

我有一個projectizecss項目，並且我想（總是）class="active"（總是）在輸入字段的左側。如何將標籤移動到左側，而相對縮小輸入字段，這樣它們都能很好地匹配到列中？

Here is my jsfiddle of the scenario

Answer 1

您還可以使用內嵌類http://materializecss.com/forms.html

<div class="row"> 
<form class="col s12"> 
    <div class="row">  
    <div class="col s12"> 
    First Name: 
    <div class="input-field inline"> 
     <input id="last_name" type="text" class="validate square-box align-right"> 
    </div> 
    </div> 
    </div> 
</form> 
</div> 

Answer 2

正如@Alastair說，在問題之下的評論，我只是完全刪除的標籤，只是在自己使用的<p></p>div，並將該div放置在input