高亮时材质化标签不起作用

Question

我的物化插件有问题，当用户使用鼠标选择标签时，标签不会向上移动，并且用户无法输入文本。

我想阻止用户选择标签，一旦在文本框中触发鼠标按下事件，标签应该直接向上移动。

谢谢，

更新： 部分代码：

Answer 1

我认为进口存在问题。先导入

jquery

，然后导入

materialize.js

，因为我尝试先导入

materialize.js

，但遇到了同样的问题，然后将

label

标签放在

input

标签之后。 jsFiddle

HTML

<div class="input-field">
     <input id="ct100_Cph_CaptchaLg_UserName" class="loginClass" name="ct100$Cph$CaptchaLg$UserName" type="text" />
    <label for="ct100_Cph_CaptchaLg_UserName">Email</label>
</div>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="materialize.min.js"></script>

Answer 2

在标签上使用

class="active"

并使文本框 id 与标签 id 相同。

示例：

<input type="text" id="job_title" name="job_title">
<label for="job_title"></label>

Answer 3

将完成这项工作，似乎与 Web 表单控件相关，因为如果删除 runat 属性，它会按预期工作。

 .input-field label {
        pointer-events: none;
   }