如何設置佔位符JS

請看看這個小提琴：如何設置佔位符JS

http://jsfiddle.net/KA85s/3/

JQ-UI設置第一個選項爲默認值。我不希望它發生：相反，我想設置HTML5佔位符。

如何爲這些JS生成的輸入設置HTML 5佔位符（而不是第一個可用的<option>）？

enter image description here

來源

2012-02-20 heron

請在您的問題中包含相關代碼。 – 2012-02-20 06:55:34

@JamesMontagne我放置了JSFiddle鏈接。代碼是巨大的。沒有人會在沒有現場示例的情況下閱讀這個問題 – heron 2012-02-20 06:57:40

我並不是說你應該刪除jsfiddle，但在問題中包含**相關**代碼通常很有用。如果jsfiddle不復存在，這個問題應該對其他人有用。 – 2012-02-20 18:31:43

@Mohamed Meligy帶着同樣的解決方案

http://jsfiddle.net/KA85s/8/

雖然我用別的東西..

這裏是如何工作的，當你輸入元素與使用jQuery創建給它一個placholder屬性，我們正在這樣做：d

** **修訂

http://jsfiddle.net/KA85s/19/

添加了自定義默認值：d

來源

2012-02-20 07:04:53 ShrekOverflow

用途：

input.attr("placeholder", value);

更新的jsfiddle：

http://jsfiddle.net/Meligy/KA85s/5/

在我剛剛更換你的val()通話的例子，很明顯，你可以完全從去除部分功能，並單獨添加您想要的任何文本。

來源

2012-02-20 07:00:12 Meligy

您改變了整個功能。但如何爲#qsubject和＃qsubject2設置不同的佔位符？ – heron 2012-02-20 07:12:33

這將盡一切你需要在沒有跨瀏覽器兼容的問題，我已經在測試運行ie7,8,9完美。

<input type="text" value="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}">

祝你好運！

來源

2013-03-26 10:18:16

只是改變顏色的小改進： onfocus =「if（this.value =='輸入您的電子郵件'）{this.value =''; this.style.color ='＃333'}」onblur = 「if（this.value ==''）{this.value ='輸入您的電子郵件'; this.style.color ='＃BBB'}」 – 2015-02-19 01:03:24

@Aamir Shahzad：謝謝！你用這個跨瀏覽器技巧解決了我的問題！謝謝！ – Alessandro 2015-12-18 08:30:56

如何設置佔位符JS

回答

相關問題