js forms属性的使用

<form action="" name="form1" method="">
    <input type="text" name="user1" value="user1">
    <input type="text" name="user2" value="user2">
    <input type="text" name="user3" value="user3">
    <select name="sel">
        <option value="1">----</option>
        <option value="2">----</option>
    </select>
</form>

window.οnlοad=function(){
    
        //这个elements属性在js异步提交表单时候很有用，可以提取出表单个元素的值，传递到后台处理
        var arr=document.forms['form1'].elements;
        //循环表单元素
        var str="";
        for(i=0;i<arr.length;i++){
            //遍历输出表单的value值
            //alert(arr[i].value);
            //循环输出属性值
            //alert(arr[i].getAttribute("name"));
            //把表单的值转为字符串，用逗号分隔
            str+=arr[i].value+",";
        }
        //截取字符串，去掉最后的逗号
        str=str.substr(0,str.length-1)
        alert(str);
    
}