武林網(www.49028c.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>