Textarea的Internet Explorer占位符
Textarea的Internet Explorer占位符
提问于 2012-07-31 20:32:21
我的应用程序需要一个文本字段和一个文本区域字段的占位符。我知道Internet Explorer不支持占位符。我环顾四周，发现了一些后备代码，它们只对文本字段有效。我怎样才能让它在文本区域中也能工作。
代码：
jQuery(function() {
jQuery.support.placeholder = false;
test = document.createElement('input');
if('placeholder' in test) jQuery.support.placeholder = true;
});
$(function() {
if(!$.support.placeholder) {
var active = document.activeElement;
$('input[type=text], textarea').focus(function () {
if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
$(this).val('').removeClass('hasPlaceholder');
}
}).blur(function () {
if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
$(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
}
});
$('input[type="text"], textarea').blur();
$(active).focus();
$('form').submit(function () {
$(this).find('.hasPlaceholder').each(function() { $(this).val(''); });
});
}
});HTML：
<li>
<input type="text" placeholder="To:" id="to" autocapitalize="off" autocorrect="off" autocomplete="off" />
</li>
<li>
<textarea placeholder="Message:" id="body" rows="10" cols="30" autocapitalize="off" autocorrect="off" autocomplete="off"></textarea>
</li>回答 4
Stack Overflow用户
回答已采纳
发布于 2012-07-31 20:36:21
将$(':text')更改为$('input[type="text"], textarea')
或者，这个现有的jQuery插件：
https://github.com/mathiasbynens/jquery-placeholder
适用于文本和多种类型的输入字段，包括密码字段
Stack Overflow用户
发布于 2013-06-10 12:16:31
<script type="text/javascript">
$(function() {
if(!$.support.placeholder) {
var active = document.activeElement;
$('input[type="text"], textarea').focus(function () {
if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
$(this).val('').removeClass('hasPlaceholder');
}
}).blur(function () {
if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
$(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
}
});
$('input[type="text"], textarea').blur();
$(active).focus();
$('form').submit(function () {
$(this).find('.hasPlaceholder').each(function() { $(this).val(''); });
});
}
});
</script>Stack Overflow用户
发布于 2012-07-31 20:34:07
它正在使用text selector，请将其更改为也使用textarea。
$(':text')应该是
$(':text, textarea')$('input[type=text], textarea')页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11748531
复制相关文章
![火狐的Http请求插件的安装和使用[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/f52bbea0d3111ce4e367adab6d60bdb0.png)
点击加载更多
相似问题
将列表与列表字典进行比较的最快方法
合并n字典并在2.6上加值的最快方法
python基于键匹配合并字典的最快方法
比较列表与集合列表的最快方法
合并具有公共字段的列表的最快方法？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
