使用javascript设置表单字段占位符属性
Set form field placeholder attribute using javascript
我正试图为我无法访问的表单设置占位符属性。我想使用字段的名称来填充它。有谁知道用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/谢谢
试试这样
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");
你应该使用:
document.getElementById("First_Name").setAttribute('placeholder', document.getElementById("First_Name").getAttribute("name"));
你需要这个…我不确定……
检查:
更新:http://jsfiddle.net/XF6wT/6/
如果你想为所有的表单标签,那么你可以找到所有的表单标签,并通过for循环添加这个
相关文章:
- 更改 html 输入字段中的占位符属性
- 选择单选输入时修改占位符属性
- 占位符属性嵌入IE中的iframe时不起作用
- 可以't使用iframe获取占位符属性以在IE中工作
- HTML:密码字段中的HTML5占位符属性问题 - 显示正常文本
- 访问占位符属性
- 如何将占位符属性添加到 CKEditor 的实例
- 使用 PURE JS 基于输入标签添加占位符属性 - 没有 jQuery
- 有没有一个js函数可以让占位符属性在IE中工作
- 使用javascript设置表单字段占位符属性
- 在Scala Lift中模拟Html5占位符属性
- ";Mimic";jQuery中的占位符属性
- 占位符属性在ie浏览器中不起作用
- HTML的占位符属性在IE10中不能正常工作
- 如何在考虑向后兼容性的情况下使用HTML5占位符属性
- 修改文本框以使某些文本在使用占位符属性单击时消失
- 输入字段占位符属性 IE7+
- 在 opera mini 中检测到占位符属性,但未使用
- 针对表单字段占位符属性中的特定字母
- 我想将占位符属性添加到这个DIV中的输入,但是它没有唯一的属性,我可以用它来定位它