如何用JS设置占位符

发布于 2025-01-07 13:15:39 字数 318 浏览 0 评论 0原文

请看一下这个小提琴:

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

JQ- UI 将第一个选项设置为默认值。我不希望发生这种情况:相反,我想设置 HTML5 占位符。

如何为这些 JS 生成的输入设置 HTML 5 占位符(而不是第一个可用的 )?

在此处输入图像描述

Please take a look at this fiddle:

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

JQ-UI sets first option as default. I don't want it to be happened: instead I want to set HTML5 placeholder.

How can I set HTML 5 placeholder (instead of first available <option>) for these JS generated inputs?

enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

魄砕の薆 2025-01-14 13:15:39

使用:

input.attr("placeholder", value);

更新了jsfiddle:

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

中我刚刚替换了您的 val() 调用的示例,显然,您可以从函数中完全删除该部分,并单独添加您想要的任何文本。

Use:

input.attr("placeholder", value);

Updated jsfiddle:

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

In the example I just replaced your val() call, obviously, you can completely remove the part from the function and add it separately with any text you want.

司马昭之心 2025-01-14 13:15:39

这将满足您所需的一切,而不会出现跨浏览器兼容性问题,我已经在 ie7、8、9 中测试过运行完美。

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

祝你好运!

This will do all you need without cross browser compatibility issue i have tested in ie7,8,9 runs perfect.

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

good luck!

谜兔 2025-01-14 13:15:39

@Mohamed Meligy 提出了相同的解决方案

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

虽然我使用其他东西..

这是当使用 jQuery 创建输入元素并为其赋予占位符属性时它的工作原理,我们就完成了:D

** 更新 **

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

添加了自定义默认值:D

@Mohamed Meligy came with the same solution

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

Though i used something else..

here is how it works when your input element is created with use jQuery to give it a placholder attribute and we are done :D

** UPDATED **

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

added custom default value :D

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文