首页 > 其他分享 >给input文本框添加灰色提示文字

给input文本框添加灰色提示文字

时间:2023-07-08 21:31:51浏览次数:47  
标签:style color defaultValue value 添加 文本框 input


灰色提示功能
大家都见到很多网站的文本框都有灰色提文字,一点即消失,鼠标一开又出现(没填写状态下)用下面这段短短的代码就可以实现啦!将这段代码加载input 中!

value="你的提示文字" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999"

 

 

标签:style,color,defaultValue,value,添加,文本框,input
From: https://blog.51cto.com/u_16179085/6663500

相关文章

  • 解决MySQL sql 添加当前时间戳的具体操作步骤
    MySQLsql添加当前时间戳在实际的数据库应用中,我们经常需要对数据进行时间戳的记录,以便追踪数据的变化和操作时间。MySQL提供了多种方式来添加当前时间戳,本文将介绍几种常见的方法。1.使用NOW()函数NOW()函数是MySQL内置的一个函数,可以返回当前的系统日期和时间。我们可以在IN......
  • python - input()函数
    1.示例message=input("tellmesomething,andIwillrepeatitbacktoyou:")print(message)1.1提示-promptprompt="Ifyoutelluswhoyouare,wecanpersonalizethemessagesyousee."prompt+="\nWhatisyourfirstname?......
  • 通过在本地项目中添加服务引用访问外部WebService项目接口
    访问外部WebService项目接口的第二种方式就是通过在本地项目中添加服务引用。以下学习验证过程,通过在本地建立一个winfrom项目,通过按钮点击,触发调用接口,执行代码处理逻辑,并在文本显示区域显示最终拿回的数据。(1)在Visualstudio新建一个winfrom项目: (2)右键项目,添加服务应用,填......
  • 周五 GUI文本框
    文本框是JtextField类的对象这是一个温度转换程序主函数与前几次一模一样,只是面板内容的组件不同,这是面本类importjava.awt.*;importjava.awt.event.*;importjavax.swing.*;importjavax.xml.transform.sax.TemplatesHandler;publicclassFahrenheitPanelextendsJPanel{......
  • WEB API 添加jwt认证后,跨域失效问题
    WEBAPI添加jwt认证后,跨域失效问题跨域配置策略如下://添加跨域策略builder.Services.AddCors(options=>{options.AddPolicy("CorsPolicy",opt=>opt.AllowAnyOrigin().AllowAnyHeader().AllowAnyMethod().WithExposedHeaders("......
  • 【Scala】在IDEA中右键没有添加scala object和class的选项
    首先要确保在AddFrameworkSupprt中添加了scala(选中项目根目录) 然后在File->ProjectStructure...中选择Libraries   最后是关键,要选择SourceRoot文件夹上级目录,一般是xxx.main  在sourceroot文件夹上右击,New里就有了ScalaClass ......
  • windows 文件夹添加备注
    1,选中希望改动的文件夹,然后右键“单击”,选择“属性”按钮。2,打开“自定义”面板,选择“更改图标”,将原来的默认文件夹图标更换为自己喜欢的图标样式,其实这两步完全是个性化的操作,可有可无,全看个人爱好3,返回到该文件夹中,将所有隐藏文件全部显示出来,找到Desktop.ini配置文件(没有就......
  • SublimeText添加对vue的支持和格式化
    添加对vue的语法的高亮支持首先需要安装插件installpackage,按下ctrl+shift+p,输入install即可看见installpackage,选中回车即可,等待一段时间会提示是否安装成功安装成功后开始安装开发VUE需要用到的插件,安装方式为ctrl+shift+p,选择installpackage......
  • postgresql建表后添加自增序列
    postgresql建表后添加自增序列//添加id自增序列createSEQUENCEpoi_id_seqstart1;//自增序列重新设置起始值selectsetval('poi_id_seq',(selectmax(id)frompoi)+1);......
  • vue(五)CSS样式添加
    Vue具有三种样式化应用程序的方法:外部CSS文件。单文件组件(.vue文件)中的全局样式。单文件组件中组件范围的样式。外部CSS导入外部CSS文件import"./assets/reset.css";单组件全局样式<style>/*全局样式*/.btn{padding:0.8rem1rem0.7rem;......