网页技巧:表单(textarea)有关焦点的用法
http://www.itjxue.com 2015-08-05 23:40 来源:未知 点击次数:
表单（textarea）有关焦点的用法大全
1.文本框显示默认文字：
| 1 2 | <textarea>IT教学网-itjxue.com</textarea> <textarea>IT教学网-itjxue.com</textarea> |
2.鼠标点击文本框，默认文字消失：
| 1 2 | <textarea onfocus="if(value==’IT教学网-itjxue.com’) {value=''}">IT教学网-itjxue.com</textarea> <textarea onfocus="if(value==’IT教学网-itjxue.com’) {value=''}">IT教学网-itjxue.com</textarea> |
3.鼠标移至文本框，默认文字消失：
| 1 2 | <textarea onmouseover="focus()" onfocus="if(value==’IT教学网-itjxue.com’) {value=''}">IT教学网-itjxue.com</textarea> <textarea onmouseover="focus()" onfocus="if(value==’IT教学网-itjxue.com’) {value=''}">IT教学网-itjxue.com</textarea> |
4.鼠标点击文本框，默认文字消失，点击文本框外任意区域，默认文字又重现：
| 1 2 | <textarea onfocus="if(value==’IT教学网-itjxue.com’) {value=''}" onblur="if(value=='') {value=’IT教学网-itjxue.com’}">IT教学网-itjxue.com</textarea> <textarea onfocus="if(value==’IT教学网-itjxue.com’) {value=''}" onblur="if(value=='') {value=’IT教学网-itjxue.com’}">IT教学网-itjxue.com</textarea> |
5.鼠标移至文本框，默认文字消失，鼠标移出文本框，默认文字又重现：
| 1 2 | <textarea onmouseover="focus()" onmouseout="blur()" onfocus="if(value==’IT教学网-itjxue.com’) {value=''}" onblur="if (value=='') {value=’IT教学网-itjxue.com’}">IT教学网-itjxue.com</textarea> <textarea onmouseover="focus()" onmouseout="blur()" onfocus="if(value==’IT教学网-itjxue.com’) {value=''}" onblur="if (value=='') {value=’IT教学网-itjxue.com’}">IT教学网-itjxue.com</textarea> |
6.鼠标单击文本框，文本框内任何文字消失（包括默认文字及后来输入的文字）：
| 1 2 | <textarea onclick="value=''">IT教学网-itjxue.com</textarea> <textarea onclick="value=''">IT教学网-itjxue.com</textarea> |
7.鼠标移至文本框，文本框内任何文字消失（包括默认文字及后来输入的文字）：
| 1 2 | <textarea onmouseover="value=''">IT教学网-itjxue.com</textarea> <textarea onmouseover="value=''">IT教学网-itjxue.com</textarea> |
8.单击文本框后全选文本框内的文字：
| 1 2 | <textarea onfocus="select()">IT教学网-itjxue.com</textarea> <textarea onfocus="select()">IT教学网-itjxue.com</textarea> |
9.鼠标移至文本框全选文本框内的文字：
| 1 2 | <textarea onmouseover="focus()" onfocus="select()">IT教学网-itjxue.com</textarea> <textarea onmouseover="focus()" onfocus="select()">IT教学网-itjxue.com</textarea> |
10.回车后焦点从当前文本框转移到下一个文本框：
| 1 2 | <textarea onkeydown="if(event.keyCode==13)event.keyCode=9">IT教学网-itjxue.com</textarea> <textarea onkeydown="if(event.keyCode==13)event.keyCode=9">IT教学网-itjxue.com</textarea> |
11.回车后焦点从当前文本框转移到指定位置：
| 1 | <textarea onkeypress="return focusNext(this,’指定位置的id名称’,event)">IT教学网-itjxue.com</textarea> |