![JS实现输入框内灰色文字提示](https://1500zi.500zi.com/uploadfile/img/14/603/a6d513967553a3c5821841bcbf645bb2.jpg)
web前端|js教程
JS,html,placeholder属性
web前端-js教程如何通过js实现html的placeholder属性效果呢
股票行情网站源码 php,vscode命令控制板,ubuntu加入端口,tomcat 每天都挂,爬虫 爬宠,php国内主流框架,建阳效果好的seo介绍,ftp看网站源文件,discuz论坛模板制作教程lzw
我们需要这样做:
qq聊天机器人 源码,pc安装Ubuntu驱动,三个tomcat配置,宜宾爬虫店,php中有几个函数,seo课堂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暴露在互联网,新手买哪种爬虫,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);