网页技巧:表单(textarea)有关焦点的用法

武林网(www.vevb.com)文章简介：网页技巧:表单(textarea)有关焦点的用法.

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

1

2

<textarea>网页教学网-webjx.com</textarea>

<textarea>网页教学网-webjx.com</textarea>

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

1

2

<textarea onfocus="if(value==’网页教学网-webjx.com’) {value=''}">网页教学网-webjx.com</textarea>

<textarea onfocus="if(value==’网页教学网-webjx.com’) {value=''}">网页教学网-webjx.com</textarea>

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

1

2

<textarea onmouseover="focus()" onfocus="if(value==’网页教学网-webjx.com’) {value=''}">网页教学网-webjx.com</textarea>

<textarea onmouseover="focus()" onfocus="if(value==’网页教学网-webjx.com’) {value=''}">网页教学网-webjx.com</textarea>

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

1

2

<textarea onfocus="if(value==’网页教学网-webjx.com’) {value=''}" onblur="if(value=='') {value=’网页教学网-webjx.com’}">网页教学网-webjx.com</textarea>

<textarea onfocus="if(value==’网页教学网-webjx.com’) {value=''}" onblur="if(value=='') {value=’网页教学网-webjx.com’}">网页教学网-webjx.com</textarea>

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

1

2

<textarea onmouseover="focus()" onmouseout="blur()" onfocus="if(value==’网页教学网-webjx.com’) {value=''}" onblur="if (value=='') {value=’网页教学网-webjx.com’}">网页教学网-webjx.com</textarea>

<textarea onmouseover="focus()" onmouseout="blur()" onfocus="if(value==’网页教学网-webjx.com’) {value=''}" onblur="if (value=='') {value=’网页教学网-webjx.com’}">网页教学网-webjx.com</textarea>

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

1

2

<textarea onclick="value=''">网页教学网-webjx.com</textarea>

<textarea onclick="value=''">网页教学网-webjx.com</textarea>

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

1

2

<textarea onmouseover="value=''">网页教学网-webjx.com</textarea>

<textarea onmouseover="value=''">网页教学网-webjx.com</textarea>

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

1

2

<textarea onfocus="select()">网页教学网-webjx.com</textarea>

<textarea onfocus="select()">网页教学网-webjx.com</textarea>

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

1

2

<textarea onmouseover="focus()" onfocus="select()">网页教学网-webjx.com</textarea>

<textarea onmouseover="focus()" onfocus="select()">网页教学网-webjx.com</textarea>

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

1

2

<textarea onkeydown="if(event.keyCode==13)event.keyCode=9">网页教学网-webjx.com</textarea>

<textarea onkeydown="if(event.keyCode==13)event.keyCode=9">网页教学网-webjx.com</textarea>

11.回车后焦点从当前文本框转移到指定位置：

1

<textarea onkeypress="return focusNext(this,’指定位置的id名称’,event)">网页教学网-webjx.com</textarea>