当前位置：首页 → 问答吧 → 鼠标点击文本区域默认文字将消失简单办法

鼠标点击文本区域默认文字将消失简单办法

时间：2010-05-26

来源：互联网

我相信很多人都知道的。。。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head> <body> <input type="text" size="30" value="我也说句话" onFocus="if(value='我在这说就是自由'){value=''}" onBlur="if(value==''){value='我也说句话'}"> </body> </html>
提示：您可以先修改部分代码再运行

作者: micore 发布时间: 2010-05-26

if(value='我在这说就是自由')
应该是==

作者: qxq864298 发布时间: 2010-05-26

引用:

原帖由 qxq864298 于 2010-5-26 16:21 发表
if(value='我在这说就是自由')
应该是==

的确- -！
=是赋值
==才是等于

作者: cwq2jxl 发布时间: 2010-05-26

其实我想说，有一种叫做 defaultValue 的东西...囧..

作者: aolu11 发布时间: 2010-05-26

这个修正后的哦~谢谢大家的指正。。。

<html> <head> <title>鼠标点击文本框后，里面的文字就消失或全选中</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head> <style type="text/css"> input{ height:25px; color:#000; line-height:20px;} </style> <body> <input name="key" type="text" id="key" value="关键词" size="30" onmouseover=this.focus();this.select(); onclick="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#000'}" /> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 micore 于 2010-5-27 08:56 编辑 ]

作者: micore 发布时间: 2010-05-27