给文本框加默认字段
来源:互联网 发布:互联网 大数据征文 编辑:程序博客网 时间:2024/06/07 17:54
原文地址: http://blog.csdn.net/flywindmouse/article/details/16989203
这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失。
1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码:
- <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入关键字进行搜索"
- onfocus='if(this.value=="请输入关键字进行搜索"){this.value="";}; '
- onblur='if(this.value==""){this.value="请输入关键字进行搜索";};'>
其实onfocus属性挺好用的,还可以在通过onfocus属性改变css样式,如下代码:
- <input id="keyword" name="keyword" size="10" class="inputstyle keywords" value="请输入关键字进行搜索"
- onfocus='if(this.value=="请输入关键字进行搜索"){this.value="";}; this.className="input01"'
- onblur='if(this.value==""){this.value="请输入关键字进行搜索";}; this.className="input02"'>
- $(document).ready(function() {
- var vdefault = $('#keyword').val();
- $('#keyword').focus(function() {
- //获得焦点时,如果值为默认值,则设置为空
- if ($(this).val() == vdefault) {
- $(this).val("");
- }
- });
- $('#keyword').blur(function() {
- //失去焦点时,如果值为空,则设置为默认值
- if ($(this).val()== "") {
- $(this).val(vdefault); ;
- }
- });
0 0
- 给文本框加默认字段
- Ext给文本框加提示
- Android 给文本框加背景
- 给dropdownlist加默认选项
- 给oracle里面字段加默认值
- mysql 给表和字段加注释
- oracle 给新增字段加中文备注
- 给SQL Server字段加注释
- mysql 给表和字段加注释
- SqlServer 给字段和表加注释
- mysql 给表和字段加注释
- LINUX下给表加字段
- UI上面给字段加搜索帮助
- mysql给表的字段加索引
- mysql 给表和字段加注释
- 织梦给栏目加字段(加缩略图)
- JS自动给文本框的数字加千分位
- 给字段自动加前导0(CONVERSION_EXIT_ALPHA_INPUT)
- c printf \t \b \r
- nike free pink 3t%481icWbNRWWna8A26
- http协议
- 八皇后及N皇后问题
- sg
- 给文本框加默认字段
- Linux:Ldd命令介绍及使用方法
- Win32 Windows编程 一
- 提升linux下tcp服务器并发连接数限制
- Unity3D编辑器的5大视图
- 利用HTML5开发Android
- Windows下搭建IOS开发环境(一)
- 【错误总结之(一)】error LNK2038: 检测到“_ITERATOR_DEBUG_LEVEL”的不匹配项: 值“0”不匹配值“2”
- C++Primer 表达式