页面载入自动获取焦点并高亮；tabindex属性

1.
网页加载后的input默认获得焦点：
只需在input周围加载如下代码即可：
<form name=f>
<input name="gname" onMouseOver="fEvent('mouseover',this)" onFocus="fEvent('focus',this)" onBlur="fEvent('blur',this)" onMouseOut="fEvent('mouseout',this)"/>
<script>document.f.gname.focus();</script>

同时，还有有无焦点及鼠标移动和离开时候的高亮显示（就像126.com页面打开时候用户名表单的效果）

function fEvent(sType,oInput){
switch (sType){
case "focus" :
oInput.isfocus = true;
case "mouseover" :
oInput.style.borderColor = '#80C1FF';
break;
case "blur" :
oInput.isfocus = false;
case "mouseout" :
if(!oInput.isfocus){
oInput.style.borderColor='#A1BCA3';
}
break;
}
}


2.
关于HTML元素的tabindex属性，可以定义各个元素的tab键的顺序；
可以实现：
a) 当有多个input的时候，当限制各个input的最大长度的时候，当输入达到最大的时候，自动跳转到接下来的input。就像有时候输入软件注册序列号那样
详情可参见W3C School上面的相关示例：
http://www.w3schools.com/htmldom/prop_text_tabindex.asp