占位符-用于文本区域输入
Placeholders - For textarea input
我一直在使用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();
}
提前谢谢。
textarea不是输入类型。它本身就是一个标签。示例
<textarea rows=10 placeholder="Enter text here"></textarea>
在这种情况下,您的代码可以是
var inputs = document.getElementsByTagName("textarea");
inputs[0].setAttribute('placeholder','New placeholder');
希望它能帮助
只需查询文本区域元素
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();
}
相关文章:
- 使用javascript html实时预览文本区域输入
- 文本区域输入筛选器
- 如何从文本区域输入中清除文本
- 如何从文本区域输入显示回车
- 使用javascript手动更改表单/文本区域输入,并确保所有事件侦听器都已启动
- 如何通过输入数字值动态添加文本区域输入?AngularJs.
- 验证文本区域输入的字母数字值
- 在文本区域输入数据时搜索数据库
- 如何检测文本区域输入中的换行符
- 如何在焦点上垂直设置文本区域/输入中间的默认光标插入符号
- 如何在粘贴时获得文本区域输入字段的新值
- 文本区域输入中的控制字符( 、 等)不会立即更新
- 无法将文本区域输入传递给PHP变量
- jQuery.val('')不清除文本区域输入
- 无法将模式窗口中的文本区域输入传递给PHP变量
- 无法将文本区域输入传递给PHP变量
- 占位符-用于文本区域输入
- 如何在使用 GET 方法发送 url 时保留文本区域输入中的文本段落
- 将文本区域输入字符串转换为对象类型
- 如何在使用acrobatjavascript的文本区域输入时大写每个字符