Question

我有一个简单的问题。我只想在输入上添加占位符。这是代码：

HTML:
<input type="text" name="link" class="hidden">

JQuery:
var link = document.querySelector('.link');
    link.style.display='block';
    link.classList.remove('hidden');
    if(val === 1)  // for a movie
        link.classList.add('placeholder="Add Movie Title. ."');
    else  // for an external link
        link.classList.add('placeholder="Add External Link . ."');

如您所见，占位符不起作用，因为语法错误。我搜索了我的问题的相关解决方案，但他们使用不同的方法，如此

$("").attr("placeholder", "Type here to search");});

但是我需要的东西类似于我在添加样式时使用的东西，但我不确定是否还有其他方法可以做到。有类似的方法吗？

Answer 1

你只需要这个：

$(".hidden").attr("placeholder", "Type here to search");

classList用于操作类而不是属性。

Answer 2

由于本机支持问题，这行代码可能无法在IE 8中运行。

$(".hidden").attr("placeholder", "Type here to search");

您可以尝试为此任务导入JQuery placeholder plugin。只需将其导入您的库并从下面的示例代码开始。

$('input, textarea').placeholder();

Answer 3

如果您想使用纯JavaScript，请尝试以下内容：

document.getElementsByName('link')[0].placeholder='Type here to search';

Answer 4

您只需要放入

（$（'＃{{form.email.id_for_label}}'）。attr（“ placeholder”，“工作电子邮件地址”））;

（$（'＃{{form.password1.id_for_label}}'）。attr（“ placeholder”，“ Password”））;

使用Jquery添加占位符属性

4 个答案: