网页编写技巧：表单textarea有关焦点的用法大全！

网页编写技巧：表单textarea有关焦点的用法大全！

1、文本框显示默认文字：

<textarea>CSDN-csdn.net</textarea>

2、鼠标点击文本框，默认文字消失：

<textarea onfocus="if(value==’CSDN-csdn.net’) {value=''}">CSDN-csdn.net</textarea>

3、鼠标移动至文本框，默认文字消失：

<textarea onmouseover="focus()" onfocus="if(value==’CSDN-csdn.net’) {value=''}">CSDN-csdn.net</textarea>

4、鼠标点击文本框时，默认文字消失，点击文本框外任意区域时，默认文字又重现：

<textarea onfocus="if(value==’CSDN-csdn.net’) {value=''}" onblur="if(value=='') {value=’CSDN-csdn.net’}">CSDN-csdn.net</textarea>

5、鼠标移至文本框，默认文字消失，鼠标移出文本框，默认文字重现：

<textarea onmouseover="focus()" onmouseout="blur()" onfocus="if(value==’CSDN-csdn.net’) {value=''}" onblur="if (value=='') {value=’CSDN-csdn.net’}">CSDN-csdn.net</textarea>

6、鼠标单击文本框，文本框内任何文字消失（包括默认文字及后来输入的文字）：

<textarea onclick="value=''">CSDN-csdn.net</textarea>

7、鼠标移至文本框，文本框内任何文字消失（包括默认文字及后来输入的文字）

<textarea onmouseover="value=''">CSDN-csdn.net</textarea>

8、单击文本框后全选文本框内的文字：

<textarea onfocus="select()">CSDN-csdn.net</textarea>

9、鼠标移至文本框全选文本框内的文字：

<textarea onmouseover="focus()" onfocus="select()">CSDN-csdn.net</textarea>

10、回车后焦点从当前文本框转移到下一个文本框：

<textarea onkeydown="if(event.keyCode==13)event.keyCode=9">CSDN-csdn.net</textarea>

11、回车后焦点从当前文本框转移到下一个文本框：

<textarea onkeypress="return focusNext(this,’指定位置的id名称’,event)">CSDN-csdn.net</textarea>

以上代码段都是比较常用的表单textarea有关焦点的用法！