input.text文件提示效果

<div class="search"><input type="text" value="Seach Products" onFocus="if(this.value==‘Seach Products‘){this.value=‘‘;this.style.color=‘#222‘;}" onBlur="if(this.value==‘‘){this.value=‘Seach Products‘;this.style.color=‘#e2e0e0‘}"></div>

时间： 2024-12-07 02:23:48

input.text文件提示效果的相关文章

HTML5 Placeholder实现input背景文字提示效果

这篇文章我们来看看什么是input输入框背景文字提示效果,如下图所示: 这种效果现在网上非常的普遍流行,但大部分是使用JavaScript实现的.但HTML5给我们提供了新的纯HTML的实现方式,不需要任何的JavaScript,只需要在你的input文本框的标记上添加HTML5规范里新增的placeholder属性,然后在属性值里输入你需要的提示信息. 语法基本是这个样子:<input placeholder=”提示信息...”> HTML代码 <form> <input

使用jQuery模拟Google的自动提示效果

注意: 1.本功能使用SqlServler2000中的示例数据库Northwind,请打SP3或SP4补丁:2.请下载jQuery组件,河西FTP中有下载:3.本功能实现类似Google自动提示的效果,通过ajax引擎从服务器获取,返回XML数据:4.本示例程序没考虑性能问题:5.不支持Firefox浏览器,因为该浏览器没有propertychange事件. 步骤: 1.创建一个名为GoogleServlet的Servlet,负责从数据库中读取数据并生成XML格式的数据. package com

iOS开发——UI篇&amp;提示效果

提示效果 关于iOS开发提示效果是一个很常见的技术,比如我们平时点击一个按钮,实现回馈,或者发送网络请求的时候! 技术点: 一:View UIAlertView UIActionSheet 二:控制器 UIAlertController 三:第三方库 SVProgressHUD MBProgressHUD 下面是主界面: 首先我们来看看系统自带的一些提示框(View) 一::UIAlertView 1:创建UIalertView(这里只说纯代码创建的方式) 1 UIAlertView *aler

[JQ权威指南]第十六天：删除记录时的提示效果

1.当用户单击"删除"按钮时候,整个页面背景类似关机效果,"删除"提示框突出显示,用户可以选择"关闭"按钮,或单击"确定"或"取消"操作 2.删除提示框一直居中显示,无论页面大小如何变化 3.如果对某条记录打勾,当用户单击提示框中的确定按钮时候,将在页面中删除该记录,同时关闭提示框,页面背景恢复正常. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

jQuery智能截断指定长度的文本和提示效果

jQuery 智能截断指定长度的文本和提示效果,其实使用时候大可不必这样搞,CSS就能轻易实现这一功能,这里只是为了展现一下jquery的强大功能,学习jQuery的朋友可参阅.提示的功能是比较实用的,可有效提升你的网页用户体验,提醒一下:如果预览时提示有错误,可刷新一下页面,因为远程调用了jquery,实际使用时不会这样. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww

DataList：HTML5中的input输入框自动提示宝器

DataList的作用是在你往input输入框里输入信息时,根据你敲进去的字母,自动显示一个提示下列列表,很像百度或谷歌的搜索框的自动提示,在飞机票火车票的搜索页面上也有这样的效果.它是HTML5里新增的一个非常有用的元素. DataList的表现很像是一个Select下拉列表,但它只是提示作用,并不限制用户在input输入框里输入什么. HTML5 Datalist的语法其实跟select下拉列表的语法几乎完全一样,非常的简单! <label for="country_name"

设置input文本框只读效果

设置input文本框只读效果:在实际应用中可能需要将input文本框设置为只读状态,代码实际非常简单,只要添加一个属性即可.代码如下: <input type="text" value="蚂蚁部落" readonly/> 使用readonly属性即可将文本框设置为只读状态,具体可以参阅<input>标签的readonly属性一章节. 原文地址:http://www.51texiao.cn/HTML5jiaocheng/2015/0521/21

JavaScript函数实现鼠标指向后带图片的提示效果

转载:http://www.cnblogs.com/jack86514/archive/2009/04/01/1427584.html 当我们在写一个网页程序的时候,很多方法可以提供页面的动态显示,从而提高页面的视觉效果. 本例就是通过一个简单的Javascript代码动态显示图片的信息的,其实这样的例子很多,所以这里只做简单的说明了. 现在就创建一个页面,代码如下所示: <html> <head> <meta http-equiv="Content-Type&qu

input文本框圆角效果代码实例

input文本框圆角效果代码实例:本章节分享一段代码实例,它实现了将input文本框设置为圆角的功能.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</tit