点击input时,里面默认字体消失显示

点击input时,点击input里面默认字体消失显示:

<input type="" name="" id="" value="请输入用户名"  onfocus="if(value==‘请输入用户名‘){value=‘‘}" onblur="if(value==‘‘){value=‘请输入用户名‘}"/>

效果如下:

欢迎指正

时间： 2024-10-10 16:21:23

点击input时,里面默认字体消失显示的相关文章

鼠标点击input时，placeholder中的提示信息消失

html代码: <input type="text" placeholder="请输入"> 鼠标点击input时,placeholder中的提示信息消失: <input type="text" placeholder="请输入" onfocus="this.placeholder=‘‘" onblur="this.placeholder=‘请输入‘">

input、select默认字体颜色

textarea默认字颜色以及获取焦点后的字的颜色,焦点获取后使默认消失 <textarea cols="50" rows="5" id="textarea" onfocus="if(value=='获取到元素焦点'){value='';document.getElementById('textarea').style.color='#000'}" onblur="if (value ==''){value='

如何制作点击输入框时默认文字消失的效果

为了提高用户体验和易用度,一些设计师会对网页中用户经常用的东西进行优化,比如输入框.一般的输入框是怎样优化的呢?从用户体验的角度出发,简化用户使用步骤,让用户用得更方便就是提高了易用性,例如当鼠标悬浮在输入框时改变输入框颜色.自动选中输入框中的默认文字,或者点击输入框时自动清除默认内容等等. 这个效果听起来复杂,其实做起来却很简单,只要一小段javascript代码即可解决.下?面介绍一下几种效果的代码: 1.点击输入框选中内容的Html代码: <form id="form1"

解决默写浏览器中点击input输入框时，placeholder的值不消失的方法

html中,placeholder作为input的一个属性,起到了在输入框中占位并提示的作用. 但是有一些浏览器,如chrome,当鼠标点击输入框时,placeholder的值不消失,只有输入数据才消失,会使前端用户体验大打折扣. 看了很多大神的方法,写了长长的js,看着有点吃力,就想到了下面这种最傻的方法解决了这个问题. html代码: <input type="text" placeholder="请输入"> 在其中只需加入两个简短的js即可: &l

Textarea 单击鼠标清除默认字/点击文本域默认内容消失/点击文本框删除预置内容

Textarea 单击鼠标清除默认字/点击文本域默认内容消失/点击文本框删除预置内容. Textarea 单击鼠标清除默认字点击文本域默认内容消失点击文本框删除预置内容在留言框.搜索栏或者Email订阅栏中有一段默认的文本,比如“请输入您的内容”,如果你在其中点击(窗体获取焦点),这段默认的文本就会自动消失. 第一步:添加代码方式: <head> …. <script type=”text/javascript”> function clearDefault(el

点击单元格清除默认值并且能够设置输入字体颜色

点击单元格清除默认值并且能够设置输入字体颜色: 在很多情况下,文本框内有默认文字,一般都是提示类的文字,当点击文本框的时候能够清除写文字,下面就简单介绍一下如何实现此效果.代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=" utf-8"> <title>javascript便利表格</title> <script type="text/javasc

解决点击cell时，UILabel的背景颜色消失的问题

-(void)setSelected:(BOOL)selected animated:(BOOL)animated{ [super setSelected:selected animated:animated]; _lblGuanFang.backgroundColor = [ColorUtil getColor:@"7ab6f5" alpha:1.0]; } -(void)setHighlighted:(BOOL)highlighted animated:(BOOL)animated

Chrome浏览器点击 input file上传按钮时延迟3-5秒的解决方法

1. Google chrome 浏览器在52版本之后出现一个bug,就是点击 input file上传按钮时反应很慢,需要等待3-5秒种之后才能弹出选择文件的对话框.比如 windows里可能是这样: MAC里可能是这样:

问题1：默认div隐藏，点击按钮时出现，再点击时隐藏。

例:默认div隐藏,点击按钮时出现,再点击时隐藏. <a href="#" onclick="f('ycbc')"; >控制按钮</a> <div id="ycbc" style="display:none">隐藏的内容</div> 解决方法一:javascript 利用onclick事件调用f('ycbc')函数,参数为隐藏的内容div的id,在函数加入钮时出现,再点击时隐藏代