從輸入類別獲取標籤

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>