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

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

在很多情况下,文本框内有默认文字,一般都是提示类的文字,当点击文本框的时候能够清除写文字,下面就简单介绍一下如何实现此效果。代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset=" utf-8">
<title>javascript便利表格</title>
<script type="text/javascript">
function txtFocus(el)
{
  if(el.defaultValue == el.value)
  {
   el.value = ‘‘;
   el.style.color = ‘red‘;
  }
}
function txtBlur(el)
{
  if(el.value == ‘‘)
  {
    el.value = el.defaultValue;
    el.style.color = ‘#000‘;
  }
}
</script>
<body>
<input type="text" style="color:#666;" onfocus="txtFocus(this)" onblur="txtBlur(this)" value=‘请输入预定人‘>
</body>
</html>

以上代码实现了我们想要的功能,当点击文本框的时候能够清空文本框的默认值,输入的文本也会变色。代码非常的简单,这里就不介绍了。

原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0507/901.html

最原始地址是:http://www.softwhy.com/

时间: 2024-08-11 07:48:29

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

点击文本框清除默认文本离开再恢复

点击文本框清除默认文本离开再恢复:很多网站的需要填写的文本框在默认状态下都会给出一个默认的提示语言,当鼠标点击此文本框的时候能够将里面的默认文本清除,当删除输入的文本且焦点离开文本框的时候再将默认的文本写入文本框.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://

DataGridView中添加CheckBox(与DataSource分开添加) &amp; C# winform单元格的formatted值的类型错误异常解决

1,编辑DataGridView,添加一列 CheckBox ,Name 赋值为 "select",ColumnType 设置为"dATAGridViewCheckBoxColumn",HeaderTest 可以设置为想要的列名,如下图: 2. Debag 显示窗体的时候,会报 “System.FormatException:单元格的Formatted值的类型错误.要替换此默认对话框,请处理DataError事件" 的异常,点击确定出现新的提示: [Dat

Cxgrid获取选中行列,排序规则,当前正在编辑的单元格内的值

Delphi Cxgrid获取选中行列,排序规则,当前正在编辑的单元格内的值 cxGrid1DBTableView1.Controller.FocusedRowIndex 当前行号 cxGrid1DBTableView1.Controller.FocusedRow 当前行 cxGrid1DBTableView1.Controller.FocusedColumn 当前列 cxGrid1DBTableView1.Controller.FocusedColumnIndex 当前列号 cxGrid1DB

鼠标点击单元格显示在相应文本框中的方法(单元格事件)

1 //点击单元格显示此行相应内容 2 private void dataGridView1_CellContentClick(object sender, DataGridViewCellEventArgs e) 3 { 4 // 找到鼠标点击的行 5 int index = e.RowIndex; 6 DataGridViewRow currenRow = this.dataGridView1.Rows[index]; 7 //找到每一个单元格的值 8 this.textBox2.Text=

GridView控件点击单元格如何获取该列的列标题

本博文Insus.NET教你实现在GridView控件中,用mouse点击某单元格之后,希望能获取到该列的列标题. 创建一个网页,创建一个GridView控件: 去cs绑定数据给GridView控件: 下面我们需要写注册click事件,以便获取被点击的行或列索引.在网页中override Render()方法,为cell添加attributes “onclick”事件. 现在我们需要为GridView控件添加一个事件,添加一个Label,用来显示所获取的列名.去.aspx的html markup

Excel 2003 中如何用VBA 代码访问单元格里的值及操作单元格 - 唐诗宋词的专栏 - 博客频道 - CSDN.NET

在Excel 中编写VBA 代码,最常做的事可能就是操作表单中单元格里的数据. 我这里总结一下如何从VBA 代码中操作单元格的数据. 在VBA 代码中操作单元格需要用到Range 对象,Range 是Excel 库(即Excel.exe文件)提供的一个类,封装了对表单中单元格的所有操作.Range 对象可以是一个单元格,一行单元格,一列单元格,或者四方的连续的单元格范围,甚至是几个单元格范围组合在一起.至于一个具体的Range 对象到底代表什么,就看我们怎么构造它了.(注,Range 类不支持N

UITableView&amp;UICollectionView设置单元格的默认选中状态

1. 场景需求 一个表格视图(或者宫格视图)中,当一个单元格被选中时设置彩色样式,选中其它单元格时设置灰色样式. 2. 一个思路 通过实现选中和非选择的代理,以在适当的时机进行UI更新操作. 3. UITableView 3.1 通过屏幕点击改变的选中状态回调给代理 //选中-(void)tableView:(UITableView*)tableView didSelectRowAtIndexPath:(NSIndexPath*)indexPath;//非选中-(void)tableView:(

第三章 点击单元格

本项目是<beginning iOS8 programming with swift>中的项目学习笔记==>全部笔记目录 ------------------------------------------------------------------------------------------------------------------ 实现点击cell弹出alertController override func tableView(tableView: UITableVi

使用jQuery的data方法来为页面中的某个元素存储数据,(获取焦点,清除默认值)

使用data方法可以避免在DOM中存储数据,有些前端开发er喜欢使用HTML的属性来存储数据: 使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的. 我们可以使用jQuery的data方法来为页面中的某个元素存储数据: html部分: 1 <form id="testform"> 2 <input type="text" class="clear" value="Always cleared&qu