分享表单焦点的一些常用用法 - Web前端

表单中focus焦点应用很多，今天主要是分享表单中有关焦点的常用用法，一共10多条，一起来学习下吧。

文本框显示默认文字：

<Textarea>Web前端之家-www.jiangweishan.com</textarea>

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

<textarea onfocus="if(value==’WEB前端之家-www.jiangweishan.com’) {value=''}">web前端之家-www.jiangweishan.com</textarea>

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

<textarea onmouSEOver="focus()" onfocus="if(value==’Web前端之家-www.jiangweishan.com’) {value=''}">WEB前端之家-www.jiangweishan.com</textarea>

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

<textarea onfocus="if(value==’Web前端之家-www.jiangweishan.com’) {value=''}" onblur="if(value=='')
 {value=’Web前端之家-www.jiangweishan.com’}">Web前端之家-www.jiangweishan.com</textarea>

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

<textarea onmouseover="focus()" onmouseout="blur()" onfocus="if(value==’Web前端之家-www.jiangweishan.com’) {value=''}" onblur="if (value=='')
 {value=’Web前端之家-www.jiangweishan.com’}">Web前端之家-www.jiangweishan.com</textarea>

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

<textarea onclick="value=''">Web前端之家-www.jiangweishan.com</textarea>

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

<textarea onmouseover="value=''">Web前端之家-www.jiangweishan.com</textarea>

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

<textarea onfocus="select()">Web前端之家-www.jiangweishan.com</textarea>

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

<textarea onmouseover="focus()" onfocus="select()">Web前端之家-www.jiangweishan.com</textarea>

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

<textarea onkeydown="if(event.keycode==13)event.keyCode=9">Web前端之家-www.jiangweishan.com</textarea>

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

<textarea onkeyPRess="return focusNext(this,’指定位置的id名称’,event)">Web前端之家-www.jiangweishan.com</textarea>

OK，学习完，是否觉得很全面呢，如果您有更多的应用，请留言，谢谢！

标签：表单常用焦点Web