3>通过name直接获取（只适用于表单）

对象.name

window.onload=function(){

var form1 = document.form1;

var input1 = form1.username.value;

alert(input1);

}

三、表单元素共同的属性和方法：

1>获取表单元素的值：

表单元素对象.value 获取或是设置值

2>属性：

disabled 获取或设置表单控件是否禁用 true | false

form 指向包含本元素的表单的引用

window.onload=function(){

var form1 = document.form1;

var input1 = form1.username.disabled=true; //设置name为username的表单元素禁用

var pwd=form1.pwd.value; //获得name为pwd的表单元素的value值

var fm = form1.pwd.form.name; //通过已知的表单元素来获得包含他的表单名字。

alert(fm);

}

3>方法：

blur() 失去焦点  行内的话onblur()

focus() 获得焦点  行内的话onfocus()

var form1 = document.form1;

var input1 = form1.username.focus();

四、表单具体研究：

1> 文本域：

id="username" name="username" value="请输出用户名"

onfocus="this.value=this.value=='请输出用户名' ? '' : this.value"

onblur="this.value=this.value==''?'请输出用户名':this.value"

/>

2>单选按钮：

checked：返回或者设置单选的选中状态，true选中 ，false未选中。

value： 获取选中的值，必须先判断选中的状态。

男

女

var sex=document.frm.sex.value; //这样是无法获得value值的，因为这时候获得的是一个数组

var sex=document.frm.sex[0].value;  //这样的话，就可以了。

alert(sex);

//如何获得被选中按钮的值

var sex=document.frm.sex;

sex[1].checked=true;//我们先选中一个按钮，测试使用。

for(var i=0 ;i

if (sex[i].checked) {

alert(sex[i].value);

}

}

3>.多选按钮：

checked：返回或者设置单选的选中状态，true选中 ，false未选中。

value： 获取选中的值，必须先判断选中的状态。

window.onload=function(){

var likes = document.frm['like[]']; //这是一个特殊的情况，不能用document.frm.like[],必须用下标。

likes[2].checked=true;

for(var i=0; i

if (likes[i].checked) {

alert(likes[i].value)

};

}

}

吃

喝

玩

4>.下拉框：

selected 设置或返回下拉框的选中状态  ，true 选中 false 未选中

selectedIndex 设置或者返回下拉框被选中的索引号

//选中对象有两种方法：

var school = document.frm.school; //方法一

//var  school = document.frm.school.options; //方法二（两个方法在ie和ff都通用）

//设置选中状态有两种方法：

//方法一：selected设置选中状态

//school[1].selected=true;

//方法二：selectedIndex设置选中状态

school.selectedIndex=2;

var price = document.frm.price;

var nums = document.frm.nums;

var con = document.frm.con;

nums.onchange=function(){

var aa = this.value;

con.value=aa*parseInt(price.value);

}

5>. 文本域：

计算文本域文字个数，见实例。

6>. 验证表单：

1.事件：

onsubmit 当表单提交的时候触发的事件

onblur

onfocus

onchange

2.return false 阻止默认行为