如何使用JS設置占位符

Question

請看一下這個小提琴：

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

JQ-UI將第一個選項設置為默認選項。 我不希望發生這種情況：相反，我想設置HTML5占位符。

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

Answer 1

使用：

input.attr("placeholder", value);

更新了jsfiddle：

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

在本例中，我只是替換了val()調用，顯然，您可以從函數中完全刪除該部分，並與所需的任何文本分別添加。

Answer 2

這將滿足您的所有需要​​，而不會出現我在ie7、8、9中測試過的跨瀏覽器兼容性問題。

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

祝好運！

Answer 3

@Mohamed Meligy提供了相同的解決方案

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

雖然我用了別的東西..

當使用jQuery創建輸入元素並為其賦予placholder屬性時，這就是它的工作原理：D

** 更新 **

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

添加了自定義默認值：D