如何把星號標誌的文本框中

這裏的右上角是我的代碼：如何把星號標誌的文本框中

<div class="form-group"> 
 
    <label class="control-label col-sm-4">Name</label> 
 
    <div class="col-sm-8"><input type="text" class="form-control" id="id_name" required/> 
 
    <span style="color: red; background-position: right top;">*</span> 
 

 
</div>

但文本框下，該標誌顯示，如何解決星號標誌的位置在右上角。

來源

2017-03-08 Mangesh Kolape

我想結果是完全按照你想要的。如果不是，請詳細說明 – Tushar

而不是「span」使用「sub」。欲瞭解更多信息 - https://www.w3schools.com/tags/tag_sup.asp – Kanu

它顯示了我前面提到的 –

Check this. i think u need it like same。使用字體真棒把星號

<div class="form-group"> 
    <label class="col-sm-3 control-label"> 
     Username <i class="fa fa-asterisk" aria-hidden="true"></i> 
    </label> 
    <div class="col-sm-7"> 
     <input class="form-control" id="username" name="username" placeholder="Text Field" type="text"> 
    </div> 
</div>

來源

2017-03-08 06:48:17 monu214

你應該請檢查是否在你的CSS其他元素或elemnt澄清對你的代碼的行爲影響。由於它的代碼工作得很好。

「float」的使用經常會使代碼失去代碼。所以如果你使用浮點數很多，這可能是原因。「顯示：塊」或其他顯示可以幫助避免這些情感。

但是，正如說，你應該更清楚你的問題。

來源

2017-03-08 06:48:53 SchAlubs

#marker { 
 
    position: relative; 
 
    left:-15px; 
 
    top:2px; 
 
}

<div class="form-group"> 
 
    <label class="control-label col-sm-4">Name</label> 
 
    <div class="col-sm-8"> 
 
    <input type="text" class="form-control" id="id_name" required/> 
 
    <span id="marker" style="color: red; background-position: right top;">*</span> 
 
    </div>

來源

2017-03-08 06:49:08 Brad

相同的結果感謝重播，但我想在右上角的文本框外的星號。 –

但那就是你已經有？ – Brad

如何把星號標誌的文本框中

回答

相關問題