Question

我需要在html中使用<label>标记创建五个标签。然后，当单击任何一个标签时，必须禁用所有其他四个标签。我搜索了谷歌，但无法找到如何禁用标签标签。有没有办法做到这一点。任何建议......

<label for="u">username1</label>
<label for="u">username2</label>
<label for="u">username3</label>
<label for="u">username4</label>
<label for="u">username5</label>

Answer 1

您可以在源代码中看到使用Javascript和CSS的完整解决方案。但是如果你想让标签“看起来像禁用”，你可以这样使用CSS：

在HTML中

<label  class="disabled" for="u">username1 </label>

在CSS中

label.disabled { color: #aaa; }

来源：Disabled Labels and Trilemma plugin

Answer 2

在看你的例子之前，我会说：

无法禁用标签。其中一个效果是扩展表单控件的单击目标，因此您可能希望禁用表单控件。

但是，出于某种原因，您的所有标签都与同一个控件（id="u"）相关联，这表明您没有正确使用<label>。单个控件可以有多个标签，但看起来并不像你那样。

你应该退一步说明你认为禁用标签会解决的问题。

Answer 3

你，不能禁用标签。相反，当为其他标签单击一个标签时，您可以将标签的Text属性设置为""。

Answer 4

正确的做法是不仅让它看起来被禁用，而且在点击它时禁用任何操作。为此，我将使用以下代码：

在 HTML 中

<label  class="disableLabel" for="u">username1 </label>

在 CSS 中

.disableLabel {
    pointer-events: none;
    opacity: 0.5;
}

如何在javascript中禁用标签标签

4 个答案: