从输入类别获取标签

Question

只有在需要输入时，我必须将“*”插入标签。

有一种方法可以从类.notEmpty获取输入标签的标签吗？

<label for="foo">Foo</label> 
 
<input class="notEmpty" id="foo">

Answer 1

你可以做的领域所需，然后使用输入：有效选择在空场时显示星星。

标记：

<label for="foo">Foo</label> 
<input class="text" id="foo" required="required"> 
<span class="star" style="visibility: visible;">*</span> 

CSS：

.text:valid + .star { visibility: hidden!important; } 

看到一个工作CodePen这里：https://codepen.io/fennefoss/pen/aWpqqj

Answer 2

您可以尝试一点点黑客是这样的：

label{ 
 
    float: left; 
 
    margin-right: 10px; 
 
} 
 

 
.notEmpty + label::after{ 
 
    content: '*'; 
 
}

<input class="notEmpty" id="foo"> 
 
<label for="foo">Foo</label>