Materialisecss如何在输入的左侧获得标签

Question

我有一个带有materializecss的项目，我希望label在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放在col中在input

的左侧