JavaScript在线手册

JavaScript文本对象：text

格式：

document.forms[索引].elements[索引].属性

document.forms[索引].elements[索引].方法（参数）

document.表单名称.文本对象名称.属性

document.表单名称.文本对象名称.方法（参数）

属性：

defaultValue 该对象的value属性

form 该对象所在的表单

name 该对象的name属性

type 该对象的type属性

value 该对象的value属性

方法：

blur() 　

focus() 　

handleEvent(事件) 　

select() 该对象设置为选取状态

事件处理程序：

onBlur onChange onClick onDbClick onFocus onKeyDown onKeyPress onKeyUp
onMouseDown onMouseUp onMouseOver onMouseOut onMouseMove onSelect

例1：

<FORM>
姓名：
<INPUT TYPE="text" NAME="name">
<INPUT TYPE="button" VALUE="请单击" onClick=alert("谢谢你，"+this.form.name.value)>
</FORM>

例2：

<Script>

function getFocus(obj) {
    obj.style.color='red';
    obj.style.background='#DBDBDB';
}
function getBlur(obj) {
    obj.style.color='black';
    obj.style.background='white';
}

</Script>

<BODY onLoad=document.form1.name.focus()>
<FORM NAME="form1">
姓　　名：<INPUT TYPE="text" NAME="name"
onFocus=getFocus(this) onBlur=getBlur(this)><BR>
电　　话：<INPUT TYPE="text" NAME="tel"
onFocus=getFocus(this) onBlur=getBlur(this)><BR>
</FORM>
</BODY>

例3：

<Script>

var i = 0;

function movenext(obj,i) {
if(obj.value.length==4){
document.forms[0].elements[i+1].focus();
}
}

function result() {
fm = document.forms[0];
num = fm.elements[0].value +
fm.elements[1].value +
fm.elements[2].value +
fm.elements[3].value ;
alert("你输入的信用卡号码是"+ num);
}

</Script>

<BODY onLoad=document.forms[0].elements[i].focus()>
请输入你的信用卡号码：
<form>
<input type=text size=3 maxlength=4 onKeyup=movenext(this,0)> -
<input type=text size=3 maxlength=4 onKeyup=movenext(this,1)> -
<input type=text size=3 maxlength=4 onKeyup=movenext(this,2)> -
<input type=text size=3 maxlength=4 onKeyup=movenext(this,3)>
<input type=button value=显示 onClick=result()>
</form>
</BODY>