Materializecss如何在输入左侧获取标签答案

【问题标题】：Materializecss how to get label on left side of inputMaterializecss如何在输入左侧获取标签
【发布时间】：2017-02-14 17:26:33
【问题描述】：

我有一个带有materializecss的项目，我想将label当class="active"（总是）放在输入字段的左侧。如何将标签向左移动，同时相对缩小输入字段以使其完全适合列？

Here is my jsfiddle of the scenario

【问题讨论】：

标签默认位于输入框上方。你可以做的是在输入框而不是标签之前有一些文本。
真是聪明的主意。我会试试看
我还添加了一个您可能会发现有用的答案。
谢谢！我认为文本选项效果更好
@Alastair 删除标签会如何影响可访问性？

标签： css material-design materialize

【解决方案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>

【讨论】：

【解决方案2】：

正如@Alastair 在问题下的 cmets 中所说，我只是完全删除了标签，只是在自己的 div 中使用了 <p></p>，并将该 div 放在 @ 左侧的 col 中987654324@

【讨论】：