最近南京天气不错,一天一场雨。换个头像表示给力。

placeholder 属性提供可描述输入字段预期值的提示信息(hint)。

input的输入框中存在提示信息,可以提高用户的体验度。
实例如下:<input type="text" name="order_sn" placeholder="请输入捐赠编号">显示效果如下:


在火狐和google下输入信息时,提示信息会消失,但在IE(目前使用IE10测试的,10以下的版本)下没有效果。
解决IE兼容代码如下(IE下效果聚焦输入框,文字即消失): if (document.createElement('input').placeholder !== '') {
$('[placeholder]').focus(function () {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function () {
var input = $(this);
if (input.val() == '' || input.val() == input.attr('placeholder')) {
input.addClass('placeholder');
input.val(input.attr('placeholder'));
}
}).blur().parents('form').submit(function () {
$(this).find('[placeholder]').each(function () {
var input = $(this);
if (input.val() == input.attr('placeholder')) {
input.val('');
}
});
});
}小菜,悉心听取指导。

最佳答案

评论() 相关

收藏

赞

afeicooco

ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。