HTML5佔位符的jQuery

我想有一個bold tag我inputplaceholder類似如下：HTML5佔位符的jQuery

|--------------------| 
| BOLD normal  | 
|--------------------|

我發現谷歌的答案，但他們是沒有用的。就像在input上覆蓋div與position:relative一樣。

有沒有辦法在不需要HTML的情況下在placeholder標記中擁有HTML？比如一個有用的jQuery插件？它不需要在Chrome以外的任何瀏覽器上受支持。

來源

2016-01-31 Mia

這是不可能的;你*可以* [樣式佔位符文本]（http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css），但所有的佔位符將具有相同的風格。如果你想讓不同的文字/部分佔位符的樣式不同，那麼你需要在''的頂部使用其他元素的相對位置。 –

[有沒有方法來設置輸入字段值的一部分？]（http://stackoverflow.com/questions/3121683/is-there-a-way-to-style-part-of-an-輸入字段值） – AMACB

使用css可以將輸入字體權重設置爲粗體，並在輸入焦點時將字體權重設置爲正常。不需要Javascript。 – bradcush

您不能在佔位符內使用粗體「標籤」。不過，您可以通過某種方式設置粗體文字。然而，你僅限於文本的開始或結束。

input { 
 
    padding: 5px 10px; 
 
    width: 500px; 
 
} 
 

 
input::-webkit-input-placeholder { 
 
    font-weight: bold; 
 
    color: red; 
 
} 
 

 
input::-webkit-input-placeholder:after { 
 
    content: " Not so bold here"; 
 
    font-weight: normal; 
 
    color: blue; 
 
}

<input type="text" placeholder="I'm a pretty bold placeholder text..">

http://codepen.io/anon/pen/WryaPM

來源

2016-01-31 17:45:31 Pierre

它似乎沒有在Chrome上工作 – squaleLis

你在哪個平臺上？無論如何，在Mac上爲我工作，http://cl.ly/123M1B3u1w3z – Pierre

嗯..很奇怪！不適用於Win 49的Chrome 49，但適用於Chrome 47的Android – squaleLis

嘗試......

div.input { border:1px solid #aaa; width:300px; }

<div contenteditable="true" class="input"><strong>My name is:</strong> devat karetha</div>

來源

2016-02-03 09:51:17 dekts

或者這樣做，'input :: - webkit-input-placeholder {color：red; font-weight：bold; } 輸入：-moz-佔位符{ 顏色：紅色; font-weight：bold;輸入：-ms-input-placeholder { }顏色：紅色; font-weight：bold; }' – dekts

HTML5佔位符的jQuery

回答

相關問題