Jimdo：使用javascript/jquery向html添加占位符

由于webhoster“Jimdo”的限制，我无法将html文档更改为在文本字段中插入“占位符”。有没有办法使用javascript或jquery添加该属性

我已经尝试了一些代码，我在这里找到，但它不适合我。也许我只是把括号放错了，或者代码与Jimdo的头部区域不兼容

这是来自Jimdo的代码

---

javascript中的

使用
setAttribute
方法

var element= document.getElementById("url9611056885");
element.setAttribute("placeholder", "SOME PLACEHOLDER");

$("#url9611056885").attr("placeholder","SOME PLACEHOLDER");

在JQuery中使用
attr
方法

var element= document.getElementById("url9611056885");
element.setAttribute("placeholder", "SOME PLACEHOLDER");

$("#url9611056885").attr("placeholder","SOME PLACEHOLDER");

在javascript中，使用
setAttribute
方法

var element= document.getElementById("url9611056885");
element.setAttribute("placeholder", "SOME PLACEHOLDER");

$("#url9611056885").attr("placeholder","SOME PLACEHOLDER");

在JQuery中使用
attr
方法

var element= document.getElementById("url9611056885");
element.setAttribute("placeholder", "SOME PLACEHOLDER");

$("#url9611056885").attr("placeholder","SOME PLACEHOLDER");

你可以用它来做


document.getElementById（“url9611056885”）.setAttribute（“占位符”，“嘿！我还活着！”）
您可以使用


document.getElementById（“url9611056885”）.setAttribute（“占位符”，“嘿！我还活着！”）
使用jQuery：


$（“#url9611056885”）.attr（“占位符”，“我是占位符”）

使用jQuery：


$（“#url9611056885”）.attr（“占位符”，“我是占位符”）
不需要jQuery，这是一个简单的
JavaScript
解决方案。一种接受两个参数的函数，第一个参数表示元素本身或一个表示元素ID的字符串，第二个参数是占位符字符串：


函数添加占位符（el、ph）{
如果（类型el=='string'）{
el=document.getElementById（el）；
}else if（el instanceof HTMLElement==false）{
log（'不是有效的HTML元素'）；
返回false；
}
el.setAttribute（'占位符'，ph值）；
返回true；
}
addPlaceholder（'input1'，“输入1的占位符”）；//发送输入元素的ID
addPlaceholder（document.getElementById（'input2'），“输入2的占位符”）；//发送输入元素本身
添加占位符（窗口“将不工作！”）；//将无效的HTML元素发送到窗口对象，控制台中会出现一个日志，函数返回false。
不需要jQuery，这是一个简单的
JavaScript
解决方案。一种接受两个参数的函数，第一个参数表示元素本身或一个表示元素ID的字符串，第二个参数是占位符字符串：


函数添加占位符（el、ph）{
如果（类型el=='string'）{
el=document.getElementById（el）；
}else if（el instanceof HTMLElement==false）{
log（'不是有效的HTML元素'）；
返回false；
}
el.setAttribute（'占位符'，ph值）；
返回true；
}
addPlaceholder（'input1'，“输入1的占位符”）；//发送输入元素的ID
addPlaceholder（document.getElementById（'input2'），“输入2的占位符”）；//发送输入元素本身
添加占位符（窗口“将不工作！”）；//将无效的HTML元素发送到窗口对象，控制台中会出现一个日志，函数返回false。
您可以在
表单中遍历
搜索
标签
中具有
for
属性，该属性将指向目标
输入
，并将
标签
中的内部
文本
作为占位符分配给
输入

$(function() {
  $('form').find('label[for]').each(function() {
    var lbl = $(this);
    var cnt = $('#' + lbl.prop('for'));
    if (cnt.is(":text") || cnt.is(":password") || cnt.is("textarea")) {
      cnt.prop('placeholder', lbl.text());
    }
  });
});

另外，请确保在上述代码片段之前已在页面中导入jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



我不喜欢java或jquery，现在不知道该怎么办

你的帖子中有
jQuery
标签，因此，我给出了基于该标记的解决方案。
您可以在
表单中遍历
搜索
标签
具有
for
属性，该属性将指向目标
输入
，并将
标签
中的内部
文本
作为占位符分配给
输入

$(function() {
  $('form').find('label[for]').each(function() {
    var lbl = $(this);
    var cnt = $('#' + lbl.prop('for'));
    if (cnt.is(":text") || cnt.is(":password") || cnt.is("textarea")) {
      cnt.prop('placeholder', lbl.text());
    }
  });
});

另外，请确保在上述代码片段之前已在页面中导入jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>



我不喜欢java或jquery，现在不知道该怎么办

您的帖子中有
jQuery
标记，因此我给出了基于该标记的解决方案。
我尝试了上面的所有代码，但都不起作用。我也想尝试一下您的解决方案，但我不喜欢java或jquery，现在不知道该怎么办。你能给我一个在我的页面上应该是什么样子的例子吗？我正确地导入了所有内容，但没有代码适合我。我知道，通常情况下，它必须工作，但可能有人有与jimdo相同的问题，这是因为jimdo？我尝试了上面的每一个代码，但它不会工作。我也想尝试一下您的解决方案，但我不喜欢java或jquery，现在不知道该怎么办。你能给我一个在我的页面上应该是什么样子的例子吗？我正确地导入了所有内容，但没有代码适合我。我知道，通常情况下，它必须工作，但可能有人与jimdo有相同的问题，这是因为jimdo？可能id没有真正链接到输入文本字段？我不知道。我什么都试过了，但都不起作用……但在片段中它起作用了！你试过什么？让我看看你的代码。是的，这里的每一个代码都很好用，但在吉姆多我就不行了。也许我把它错误地嵌入了jimdo的头部区域。缺少括号什么的，我不知道。我用输入文本中的id尝试了所有代码。你的，每个人的。我提供的代码工作得很好。你能给我一个截图，你的代码，你把在jimbo等。。。把截图上传到云上，给我链接。让我们看看。也许id并没有真正链接到输入文本字段？我不知道。我什么都试过了，但都不起作用……但在片段中它起作用了！你试过什么？让我看看你的代码。是的，这里的每一个代码都很好用，但在吉姆多我就不行了。也许我把它错误地嵌入了jimdo的头部区域。缺少括号什么的，我不知道。我用输入的id尝试了所有代码