占位符 - 对于textarea输入

Question

我一直在使用JavaScript占位符脚本来支持IE占位符。

适用于输入类型=文本。但是，我该如何编写脚本的补充以支持textarea？

我的代码是：提前

function activatePlaceholders() { 
var detect = navigator.userAgent.toLowerCase(); 
if (detect.indexOf("safari") > 0) return false; 
var inputs = document.getElementsByTagName("input"); 
for (var i=0;i<inputs.length;i++) { 
    if (inputs[i].getAttribute("type") == "text") { 
    if (inputs[i].getAttribute("placeholder") && inputs[i].getAttribute("placeholder").length > 0) { 
    inputs[i].value = inputs[i].getAttribute("placeholder"); 
    inputs[i].onclick = function() { 
    if (this.value == this.getAttribute("placeholder")) { 
     this.value = ""; 
    } 
    return false; 
    } 
    inputs[i].onblur = function() { 
    if (this.value.length < 1) { 
     this.value = this.getAttribute("placeholder"); 
    } 
    } 
    } 
    } 
} 
} 
window.onload=function() { 
activatePlaceholders(); 
} 

感谢。

Answer 1

只需查询文本区域元件

function activatePlaceholders() { 
var detect = navigator.userAgent.toLowerCase(); 
if (detect.indexOf("safari") > 0) return false; 
var inputs = document.getElementsByTagName("textarea"); 
for (var i=0;i<inputs.length;i++) { 

    if (inputs[i].getAttribute("placeholder") && inputs[i].getAttribute("placeholder").length > 0) { 
    inputs[i].value = inputs[i].getAttribute("placeholder"); 
    inputs[i].onclick = function() { 
    if (this.value == this.getAttribute("placeholder")) { 
     this.value = ""; 
    } 
    return false; 
    } 
    inputs[i].onblur = function() { 
    if (this.value.length < 1) { 
     this.value = this.getAttribute("placeholder"); 
    } 
    } 
    } 
} 
} 
window.onload=function() { 
activatePlaceholders(); 
} 

Answer 2

textarea的是不是一个输入类型。这本身就是一个标签。例如

<textarea rows=10 placeholder="Enter text here"></textarea> 

在这种情况下，你的代码可以

var inputs = document.getElementsByTagName("textarea"); 
inputs[0].setAttribute('placeholder','New placeholder'); 

希望它可以帮助