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

Question

由于网络托管商“ Jimdo”的局限性，我无法更改html文档以在文本字段中插入“占位符”。有没有一种方法可以使用javascript或jquery添加该属性？

我已经尝试了一些在这里找到的代码，但是对我来说不起作用。也许我只是在括号中放错了，或者代码与Jimdo的头部区域不兼容...

这是Jimdo的代码。

<input type="text" name="url" id="url9611056885" value="" class="single">

屏幕截图：

Answer 1

使用jQuery .attr()：

$("#url9611056885").attr("placeholder","I'm a placeholder");

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

<input type="text" name="url" id="url9611056885" value="" class="single">

Answer 2

您可以使用.setAttribute来做到这一点。

document.getElementById("url9611056885").setAttribute("placeholder", "Hey! I'm alive!");

<input type="text" name="url" id="url9611056885" value="" class="single">

Answer 3

在javascript中，使用setAttribute方法。

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

在JQuery中，使用attr方法。

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

Answer 4

不需要jQuery，这是一种简单的arr[2] = {name:"lithe", op: "GE", field:"34545"} 解决方案。一个接受两个参数的函数，第一个参数代表元素本身，或者一个JavaScript代表元素string，第二个参数是占位符ID：

string

function addPlaceholder(el, ph) {
  if(typeof el === 'string') {
    el = document.getElementById(el);
  } else if(el instanceof HTMLElement === false) {
    console.log('Not a valid HTML element.');
    return false;
  }
  el.setAttribute('placeholder', ph);
  return true;
}
addPlaceholder('input1', "a placeholder for input 1"); // sending the ID of the input element
addPlaceholder(document.getElementById('input2'), "a placeholder for input 2"); // sending the input element itself
addPlaceholder(window, "will not work!"); // sending a non-valid HTML element here the window object, a log in the console will appear and the function returns false.

Answer 5

您可以遍历form，搜索具有label属性的for，该属性将定向到目标input并在{{1}内分配内部text }作为label的占位符。

input

P.S。在上述代码段之前，请确保已在页面中导入了jQuery。

$(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());
    }
  });
});

  

我不喜欢Java或jquery，也不知道现在该怎么做

您的帖子中带有<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 标签，因此我根据该标签给出了解决方案。