![如何操作JS实现html中placeholder属性提示文字](https://1500zi.500zi.com/uploadfile/img/14/602/58f3cd5bb4af6616c4dee7de2310ba15.jpg)
web前端|js教程
placeholder,javascript,html
web前端-js教程如何通过js实现html的placeholder属性效果呢
安卓火车票查询源码,vscode插件设计,ubuntu scws,怎么查找tomcat,sqlite安卓查询,网页全屏效果插件,使用前端框架的的坏处,爬虫中标信息在哪看,php网页源代码,seo经典入门书,电商企业网站源码,易语言显示网页代码,微信css模板lzw
我们需要这样做:
miuiv5源码,tomcat在vscode,ubuntu保存到本地的网页,tomcat 访问txt,sqlite的源码分析,jquery 插件,web前端基本框架代码,反爬虫严重的网站,php url中文,seo兼职实战,网站建设资源,网页中滚动图片,产品标签设计模板下载,个人小程序宣传网站源码lzw
JS实现placeholder属性效果function bl(){ var a=document.getElementById("inpt"); if(a.value.length<=0){a.style.color="#999999";a.value="请输入姓名"; }}function fo(){ var a=document.getElementById("inpt"); if(a.value=="请输入姓名"){a.style.color="black";a.value=""; }}
运行效果如下:
时时彩素材源码,ubuntu开机时还原,tomcat设置64G内存,被豆瓣403爬虫,后端开发php视频教程学习,seo 网站权重lzw
补充:
这里再为大家补充一个jQuery实现的placeholder属性效果示例:
jQuery实现placeholder属性效果function placeHolder(event){ var self = $(this), selfDataValue = self.attr("data-value"), selfValue = self.val(); if(selfDataValue){ event.type == "click" ? (selfValue == selfDataValue && (self.val("").css("color","#333"))) : (event.type == "blur" && (selfValue == "" && (self.val(selfDataValue).css("color","#A9A9A9")))) }else{ return false; }}$("#inpt").on("click blur",placeHolder);