前置或附加INSIDE <input />标记

Question

我正在使用自定义表单生成器自定义CMS。没有选项可以为输入字段使用自定义占位符。

我有一个输入标签：

<input type="text" style="width:390px;" id="Optiona200368a" maxlength="120" name="ctl00$MainContent$ctl00$Optiona200368a">

我需要输入标签才能阅读

<input placholder="Email Address" type="text" style="width:390px;" id="Optiona200368a" maxlength="120" name="ctl00$MainContent$ctl00$Optiona200368a">

有什么办法可以用JQuery实现这个目的吗？ 谢谢！

Answer 1

因此您需要添加placeholder属性。是的，你可以用jQuery做到这一点：

$("#Optiona200368a").attr("placeholder", "Email Address");

如果id不可靠，您可以使用$()位中的任何其他CSS选择器来查找元素。

添加属性的代码在元素已经存在之后运行非常重要。确保这一点的最佳方法是将包含它的script标记放在文档的底部，就在结束</body>标记之前。如果您不控制脚本的位置（并且您没有控制某些CMS），您可以将代码包装在jQuery“ready”处理程序中，如下所示：

$(function() {
    $("#Optiona200368a").attr("placeholder", "Email Address");
});

这推迟了函数内部的代码，直到主HTML解析和加载完成，即使脚本位于正文之上。