`
jackroomage
  • 浏览: 1222947 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

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

 
阅读更多

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


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

 

 

 

来源:
http://blog.sina.com.cn/s/blog_5ee2c4040100pxzg.html

分享到:
评论

相关推荐

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

    另一种是使用label标签与输入框层叠显示提示文字,类似点点网的做法,这样即便JavaScript代码没有生效,用户仍然可以看到提示信息,并在掩码输入框中输入密码。 在设计登录页面时,如果确实需要针对密码输入框提供...

    文本框 默认值 灰色 方法 网络 浏览器

    2. **默认灰色文本**:默认灰色文本是指文本框内显示的非选中状态的颜色较淡的文字,用于提示用户该字段的用途。在用户开始输入时,这些灰色文本应自动消失。 3. **实现方法**:在jQuery中,我们可以使用`.val()`...

    js实现input文本框点击时文字消失,失去焦点

    其中,一个常见的需求是在输入框(`input`)中预设提示文字,当用户点击输入框时,这些文字会自动消失,以便用户可以输入自己的内容;而当输入框失去焦点且没有输入任何内容时,预设的文字会再次出现,作为提示信息...

    常用input文本框内容自动垂直居中并默认提示文字单击为空

    综上所述,通过设置合适的样式属性和使用JavaScript事件处理函数,我们可以实现一个具有垂直居中内容、灰色提示文字和点击后清空功能的输入框。这样的设计不仅可以提高用户体验,也能让网页界面看起来更加专业和易用...

    输入框灰色提示字体效果

    在这个名为“input框灰色提示字体效果”的项目中,我们可以看到一个名为`placeholder.js`的文件,这个文件很可能是用来解决IE浏览器对`placeholder`属性的兼容性问题。JavaScript库通常会监听输入框的事件,如`focus...

    JavaScript实现的文本框placeholder提示文字功能示例

    这里的`value`属性设置为默认提示文字。 接下来,我们利用JavaScript进行事件监听和元素属性的操作。以下是实现该功能的关键代码: ```javascript window.onload = function() { var defaultValue = "请输入...

    h5输入框提示语 + 正常文本框提示语的实现方法

    这个属性的值就是用户在输入框中看到的提示文字,当用户开始输入或聚焦到输入框时,这些提示文字会自动消失。 例如,创建一个用于输入用户名或手机号的文本输入框,可以这样编写代码: ```html <input id=...

    原生JavaScript实现的全特效微博发布面板效果实例源码.zip

    当内容为空时,发布按钮为灰色,点击时候文本框会闪动,输入文字会提示还可以输入多少文字,超出会提示,且不能发布,要注意的是,判断文本框内容的长度,不能直接来,因为英文属于一个字节,中文占两个,要用正则...

    IE下支持文本框和密码框placeholder效果的JQuery插件分享

    为解决这一问题,我们可以借助JQuery插件来模拟placeholder效果,使得在IE下也可以像在支持placeholder属性的浏览器中一样,显示灰色的提示文字,并在用户输入时消失。 首先,我们需要了解HTML5中的placeholder属性...

    简单实现的JQuery文本框水印插件

    在网页设计中,为了增强用户体验,常常会在输入框(文本框)中添加“水印”效果,即在用户未输入任何内容时显示提示性文字,一旦用户开始输入或聚焦到输入框,这些提示文字就会消失。JQuery是一个流行的JavaScript库...

    网页常用的jsp 脚本.doc

    在网页中添加滚动文字可以吸引用户注意。可以通过`<marquee>`标签来实现文字的滚动。 示例代码: ```html ()' onmouseout='this.start()' height=60> <!--head_scrolltext--> 共和国 </table><!--endhead_...

    原生JavaScript制作微博发布面板效果

    当内容为空时,发布按钮为灰色,点击时候文本框会闪动,输入文字会提示还可以输入多少文字,超出会提示,且不能发布,要注意的是,判断文本框内容的长度,不能直接来,因为英文属于一个字节,中文占两个,要用正则...

    统计输入字数百分比,快捷,简单易用

    这段CSS将百分比显示的字体大小设为14像素,颜色设为灰色,并添加了5像素的顶部外边距,使其与文本框保持适当距离。 结合以上JavaScript和CSS,你可以在压缩包中的"字数输入限制百分比显示CSS+JS代码"找到完整的...

    iOS App开发中UITextField组件的常用属性小结

    2. Placeholder:占位符功能,它会显示为淡灰色文字,提示用户应输入何种信息。一旦用户开始输入,占位符会自动消失。这是非常实用的用户体验设计,能够帮助用户理解文本框的用途。 3. Background:设置文本框的...

    ExtAspNet_v2.3.2_dll

    -修正灰色皮肤的CSS问题。 -修正Grid的列名中不能包含中文字符的BUG(feedback:davidwen)。 -为Web.config和PageManager增加属性AjaxTimeout(单位秒,默认30秒)。 -修正了在Grid的PageIndexChange事件中不能获取...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    --也就是说生成的input的type不能是"submit",而这个限制在有些情况下是不可原谅的。 --我们做了优化,现在要使一个Asp.net的按钮能够AJAX提交,你不需要做任何设置(PageManager的属性EnableAjax为true即可,这...

Global site tag (gtag.js) - Google Analytics