固定的佔位符引導程序

我正在尋找最好的方法來做（使用引導程序）這種佔位符。您可以在佔位符的右側寫字，同時佔位符保存文本。固定的佔位符引導程序

我想是這樣的：

<div class="input-group"> 
    <div class="input-group-addon">Text</div> 
    <input id="name" type="text" class="form-control" name="text" value="text" placeholder="Additional Info"> 
</div>

有了結果：

自舉，你可以做到這一點

是否有人知道該怎麼辦它？我想最好的選擇是CSS樣式，但也許有一個插件或任何快速的方式。

來源

2016-12-03 ferran87

你說你想引導做，然後告訴你如何與引導去做;你的問題的哪一部分沒有得到滿足，你需要什麼幫助？ –

我不知道該怎麼做。如果我必須避免引導，我可以處理它:) – ferran87

如果您不需要輸入下的小文本，則可以使用水平表單。確保你的視口是寬於768px否則輸入將顯示在標籤下。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<form class="form-horizontal"> 
 
    <div class="form-group"> 
 
     <label class="control-label col-sm-2" for="name">Text</label> 
 
     <div class="col-sm-6"> 
 
      <input id="name" class="form-control" type="text" 
 
      placeholder="Additional Info"> 
 
     </div> 
 
    </div> 
 
</form>

來源

2016-12-03 10:11:55 StaticBeagle

固定的佔位符引導程序

回答

相關問題