使用javascript设置表单字段占位符属性

时间:2014-07-07 11:19:08

标签: javascript forms textfield placeholder

我正在尝试为我无权访问的表单设置占位符属性。我想使用该字段的名称来填充此内容。有没有人知道使用javascript的方法。

这是表单字段的html:

<input type="text" onchange="checkdep(this);" onblur="validatefield(this);" value="" name="First Name" class="formTextfield" id="First_Name">

我可以使用getElementById执行此操作,但希望某些内容适用于表单中的所有字段,而无需为每个字段单独设置。

http://jsfiddle.net/XF6wT/5/

由于

2 个答案:

答案 0 :(得分:0)

您应该使用:

document.getElementById("First_Name").setAttribute('placeholder', document.getElementById("First_Name").getAttribute("name"));
你需要这个......我不确定..

检查一下:

更新:http://jsfiddle.net/XF6wT/6/

如果你想要所有表格的标签,那么你可以找到表格的所有标签,并通过for循环添加。

答案 1 :(得分:0)

尝试这样的事情

var inputs = document.getElementsByTagName('input');
for (index = 0; index < inputs.length; ++index) {
   inputs[index].setAttribute('placeholder', inputs[index].getAttribute("name"));
}

JsFiddle

如果您需要将其约束为表单,请尝试

var inputs = document.forms["form_name"].getElementsByTagName("input");