让低版本浏览器支持input的placeholder属性(js方法)
- 软件编程
- 2026-01-11 13:52:59
var doc = window.document, input = doc.createElement('input');
if( typeof input['placeholder'] == 'undefined' ) // 如果不支持placeholder属性
{
$('input').each(function( ele )
{
var me = $(this);
var ph = me.attr('placeholder');
if( ph && !me.val() )
{
me.val(ph).css('color', '#aaa').css('line-height', me.css('height'));
}
me.on('focus', function()
{
if( me.val() === ph)
{
me.val(null).css('color', '');
}
}).on('blur', function()
{
if( !me.val() )
{
me.val(ph).css('color', '#aaa').css('line-height', me.css('height'));
}
});
});
}
# BR
# 不支持
# var
# color
# line
# document
# span
# function
# input
# typeof
# null
# height
# window
# doc
# aaa
# placeholder
# createElement
# undefined
# focus
# blur
# js+css实现增加表单可用性之提示文字
# js显示文本框提示文字的方法
# JS实现输入框提示文字点击时消失效果
# javascript 文本框水印/占位符(watermark/placeholder)实现方法
# js兼容的placeholder属性详解
# js模仿html5 placeholder适应于不支持的浏览器
# 基于JS实现html中placeholder属性提示文字效果示例
# JavaScript实现的文本框placeholder提示文字功能示例
相关栏目:
【
教研文案 】
【
日常文案 】
【
AI模型 】
【
网络运营 】
【
营销推广 】
【
云计算 】
【
技术教程 】
【
软件编程 】
【
汉字学习 】
【
歌词歌曲 】
【
精选文章 】
相关推荐:
echarts柱状图背景重叠组合而非并列的实现代码
解决Android自定义view获取attr中自定义颜色的问题
Java eclipse doc文档生成流程解析
MySQL修改存储过程的详细步骤
python 爬取小说并下载的示例
Spring-boot 2.3.x源码基于Gradle编译过程详解
java中方法递归的简单示例
C#中感叹号(!) 的作用总结
在docker容器中调用和执行宿主机的docker操作
Java 类型信息详解和反射机制介绍
最新pycharm安装教程
eclipse输出Hello World的实现方法
Java String的intern方法使用场景示例
给Docker更换国内镜像源操作
c++ string的erase删除方法
python 实现ping测试延迟的两种方法
PhpStorm连接服务器并实现自动上传功能
Android基于开源项目xutils3实现下载
小程序角标的添加及绑定购物车数量进行实时更新的实现代码
关于IDEA使用jsp可以访问页面转换为html弹出页面为404的问题
python实现图像高斯金字塔的示例代码
MySQL8.0设置远程访问权限的方法
C# Dockpanel入门基础必看篇
Pytorch实验常用代码段汇总
GoLand 2025.3 正式发布有不少新功能(支持泛型)
docker run 运行容器自动结束的解决
解决IDEA 2025.3 lombok失效问题
Android Studio下载、安装和配置+SDK+tools下载(无敌超级详细版本)
vue3.0实现插件封装
javascript实现移动端轮播图
MySQL触发器的使用场景及方法实例
docker版es、milvus、minio启动命令详解
使用TLS加密通讯远程连接Docker的示例详解
python3.9实现pyinstaller打包python文件成exe
C语言中的递归,你真的懂了吗?
Python Pandas list列表数据列拆分成多行的方法实现
Android自定义View圆形图片控件代码详解
PHP sdk实现在线打包代码示例
python实现经纬度采样的示例代码
ASP.NET Core处理管道的深入理解
在Docker中安装Elasticsearch7.6.2的教程
MySQL decimal unsigned更新负数转化为0
基于Cesium绘制抛物弧线
git丢弃本地修改的所有文件(新增、删除、修改)
docker容器无法访问宿主机端口的解决
call在Python中改进数列的实例讲解
python中的对数log函数表示及用法
深入探究ASP.NET Core Startup初始化问题
js实现菜单跳转效果
shell脚本自动安装jdk的方法示例
本文转自网络,如有侵权请联系客服删除。
热门内容推荐
C#使用虚拟方法实现多态
- 2026-01-11
JavaScript原生对象之String对象的属性和方法详解
- 2026-01-11
js实现DOM走马灯特效的方法
- 2026-01-11
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- 2026-01-11
php实现微信公众平台账号自定义菜单类
- 2026-01-11
