Question

javascript代码实现

1）布局排版
2）鼠标移上文本框发光效果实现：给文本框取一个ID号，如txtInput，设置如下CSS样式：#txtInput:hover{box-shadow:0px0px 5px 0px #0000ff; }，其中#txtInput:hover表示鼠标移上ID为txtInput的网页元素。box-shadow为CSS3属性，表示边框有阴影。
3）应用文本框.onkeydown事件处理按下键盘事件，判断当文本框内内容长度大于规定长度时，事件处理函数返回false，使得按下键盘不起作用。文本框内内容用文本框.value获取。
4）应用文本框onkeyup事件处理松开键盘事件，处理将文本框中内容的长度写到文本框下方的计数位置上。文本框内容的长度可用文本框.value.length获取。

1）文本框中没有输入内容时，显示“请输入个人信息”这几个提示文字，且文字为灰色。
2）文本框聚焦时提示文字消失。
3）文本框中输入内容时，提示文字消失，输入文字为黑色。
4）当文本框中文字内容长度已达到最大值时，删除键仍然有用，可以删除文本框中文本，且删除时字符总数相应修改。
5）当文本框中文字内容全部删除时，提示文字出现。
提示：
1）事件处理程序默认带有一个参数，用e表示，可以通过e.which获取按下键的码值。注意：e.which用于非IE浏览器，IE浏览器要用window.event.keyCode获取。
2）注意文本框onfocus事件的应用。
http://pan.baidu.com/s/1dD70Qel 做好发我文件 谢谢

Answer 1

1）布局排版
2）鼠标移上文本框发光效果实现：给文本框取一个ID号，如txtInput，设置如下CSS样式：#txtInput:hover{box-shadow:0px0px 5px 0px #0000ff; }，其中#txtInput:hover表示鼠标移上ID为txtInput的网页元素。box-shadow为CSS3属性，表示边框有阴影。
3）应用文本框.onkeydown事件处理按下键盘事件，判断当文本框内内容长度大于规定长度时，事件处理函数返回false，使得按下键盘不起作用。文本框内内容用文本框.value获取。
4）应用文本框onkeyup事件处理松开键盘事件，处理将文本框中内容的长度写到文本框下方的计数位置上。文本框内容的长度可用文本框.value.length获取。

1）文本框中没有输入内容时，显示“请输入个人信息”这几个提示文字，且文字为灰色。
2）文本框聚焦时提示文字消失。
3）文本框中输入内容时，提示文字消失，输入文字为黑色。
4）当文本框中文字内容长度已达到最大值时，删除键仍然有用，可以删除文本框中文本，且删除时字符总数相应修改。
5）当文本框中文字内容全部删除时，提示文字出现。
提示：
1）事件处理程序默认带有一个参数，用e表示，可以通过e.which获取按下键的码值。注意：e.which用于非IE浏览器，IE浏览器要用window.event.keyCode获取。
2）注意文本框onfocus事件的应用。