如何使用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