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

Question

我正试图为我无法访问的表单设置占位符属性。我想使用字段的名称来填充它。有谁知道用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/

谢谢

Answer 1

试试这样

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");

Answer 2

你应该使用:

document.getElementById("First_Name").setAttribute('placeholder', document.getElementById("First_Name").getAttribute("name"));

你需要这个…我不确定……

检查:

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

如果你想为所有的表单标签，那么你可以找到所有的表单标签，并通过for循环添加这个