武林網(wǎng)(www.survivalescaperooms.com)文章簡介：網(wǎng)頁技巧:表單(textarea)有關(guān)焦點的用法.

1.文本框顯示默認文字：

1

2

<textarea>網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

<textarea>網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

2.鼠標點擊文本框，默認文字消失：

1

2

<textarea onfocus="if(value==’網(wǎng)頁教學網(wǎng)-webjx.com’) {value=''}">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

<textarea onfocus="if(value==’網(wǎng)頁教學網(wǎng)-webjx.com’) {value=''}">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

3.鼠標移至文本框，默認文字消失：

1

2

<textarea onmouseover="focus()" onfocus="if(value==’網(wǎng)頁教學網(wǎng)-webjx.com’) {value=''}">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

<textarea onmouseover="focus()" onfocus="if(value==’網(wǎng)頁教學網(wǎng)-webjx.com’) {value=''}">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

4.鼠標點擊文本框，默認文字消失，點擊文本框外任意區(qū)域，默認文字又重現(xiàn)：

1

2

<textarea onfocus="if(value==’網(wǎng)頁教學網(wǎng)-webjx.com’) {value=''}" onblur="if(value=='') {value=’網(wǎng)頁教學網(wǎng)-webjx.com’}">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

<textarea onfocus="if(value==’網(wǎng)頁教學網(wǎng)-webjx.com’) {value=''}" onblur="if(value=='') {value=’網(wǎng)頁教學網(wǎng)-webjx.com’}">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

5.鼠標移至文本框，默認文字消失，鼠標移出文本框，默認文字又重現(xiàn)：

1

2

<textarea onmouseover="focus()" onmouseout="blur()" onfocus="if(value==’網(wǎng)頁教學網(wǎng)-webjx.com’) {value=''}" onblur="if (value=='') {value=’網(wǎng)頁教學網(wǎng)-webjx.com’}">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

<textarea onmouseover="focus()" onmouseout="blur()" onfocus="if(value==’網(wǎng)頁教學網(wǎng)-webjx.com’) {value=''}" onblur="if (value=='') {value=’網(wǎng)頁教學網(wǎng)-webjx.com’}">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

6.鼠標單擊文本框，文本框內(nèi)任何文字消失（包括默認文字及后來輸入的文字）：

1

2

<textarea onclick="value=''">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

<textarea onclick="value=''">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

7.鼠標移至文本框，文本框內(nèi)任何文字消失（包括默認文字及后來輸入的文字）：

1

2

<textarea onmouseover="value=''">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

<textarea onmouseover="value=''">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

8.單擊文本框后全選文本框內(nèi)的文字：

1

2

<textarea onfocus="select()">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

<textarea onfocus="select()">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

9.鼠標移至文本框全選文本框內(nèi)的文字：

1

2

<textarea onmouseover="focus()" onfocus="select()">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

<textarea onmouseover="focus()" onfocus="select()">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

10.回車后焦點從當前文本框轉(zhuǎn)移到下一個文本框：

1

2

<textarea onkeydown="if(event.keyCode==13)event.keyCode=9">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

<textarea onkeydown="if(event.keyCode==13)event.keyCode=9">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>

11.回車后焦點從當前文本框轉(zhuǎn)移到指定位置：

1

<textarea onkeypress="return focusNext(this,’指定位置的id名稱’,event)">網(wǎng)頁教學網(wǎng)-webjx.com</textarea>