网页技巧:表单(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>