前置或附加 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解析和加载完成，即使脚本位于主体之上。