鼠标点击input框后里面的内容就消失，移开后内容自动显示出来
鼠标点击input框后里面的内容就消失，移开后内容自动显示出来
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>鼠标点击input框后里面的内容就消失，移开后内容自动显示出</TITLE>
</HEAD>
<BODY >
<INPUT TYPE="TEXT" size="18" value="这是默认的内容" onfocus="if (value =='这是默认的内容'){value =''}" onblur="if (value ==''){value='这是默认的内容'}">
</BODY></HTML>
input：鼠标点击文本框文字提示消失，移开显示效果
文本框一般在留言本，等地方都要用到，也就是html语言中的textarea，textare包含有众多的参数，学会运用这些参数，就可以随意修改文本框的大小和外观，达到想要的效果，下面就来介绍这些参数，以及如何使用这些参数。
1、cols，垂直列。在没有做样式表设置的情况下，它表示一行中可容纳下的字节数。例如cols=60，表示一行中最多可容纳60个字节，也就是30个汉字。另外要注意的是，文本框的宽度就是通过这个来调整，好cols的数值，然后再定义文字字体的大小（不定义的话，会采用默认值），那么文本框的宽度就确定了。
2、rows，水平列。表示可显示的行数，例如rows=10，表示可显示10行。超过10行，则需要拖动滚动条来浏览了。（同上，文本框的高度就是通过这个来控制的。）
3、name，文本框的名称，这项必不可省，因为存储文本的时候必须用到。
4、warp，当warp=off表示该文本区域中不自动换行，当然不写默认是自动换行的。这个参数一般用得比较少。
5、style，这是个非常实用的参数，可以用来设置文本框的背景色，滚动条颜色及形式，边框色，字体的大小颜色等等。
6、class，一般用来调用外部css里边的设置。
三个功能：
1、内容自动垂直居中
2、默认提示文字显示灰色
3、单击后变为空
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <style> .qy{ width:200px; height:30px; line-height:30px; color:gray;} </style> <body> <input type="text" name="wd1" class="qy" maxlength="100" autocomplete="off" value="请输入企业名称" style="color:gray;" onfocus="javascript：if(this.value == '请输入企业名称') this.value = ''; this.style.color='gray';" onblur="if(this.value == '') {this.value = '请输入企业名称'; this.style.color = 'gray';}" /> </body> </html> |
