Question

我有一个我必须使用的表单 - 我无法访问HTML。我所能做的只是应用JS / Jquery和CSS。

我的问题：我需要让表单输入在所有浏览器中都有占位符行为。警告 - 我需要添加占位符属性，然后从相同输入的label属性中指定一个值。（表单上面没有输入字段，并且正在使用DIV做一些愚蠢的事情

以下是我必须使用的HTML：

<input label="First Name" class="textInput defaultText" type="text">

如上所述 - JS / Jquery和CSS一样好。寻找最好的方法来实现这一点，甚至考虑到IE。

非常感谢大家！

Answer 1

需要添加占位符属性，然后分配一个值来自相同输入的标签属性。

尝试使用.attr( attributeName, function )，设置placeholder，value;返回label属性的原始值

// call `.attr()` with `label` as parameter 
$(".textInput").attr("label", function(i, attr) {
   // set `placeholder` to `label`:`attr` ,
   // set `value` to `label`
   $(this).attr({
     "placeholder": attr,
     "value": attr
   });
   // return `label` original value
   return attr
});

console.log($(".textInput")[0].attributes);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<input label="First Name" class="textInput defaultText" type="text">

添加输入占位符并从输入标签中指定值

1 个答案: