JavaScript_表单元素..docVIP

表单对象Form 属性 action 表单动作 表示表单提交到哪里 elements 以索引表示的所有表单元素 method 表单提交的方法 Get Post name target 表示打开表单的url _self _parent _blank _top 表单提交的一般方式： 1…..input type=submit onclick=return validate(); 2…..form action=.... name=.... onsubmit=return validate(this); 3……input type=button onclick=validate(this) validate()函数 function validate(obj){ obj.submit() } 访问或使用表单 document.forms[索引].属性 document.forms[索引].方法（参数） document.表单名称.属性 document.表单名称.方法（参数） 表单元素 访问或使用表单中的元素 document.forms[索引].elements[索引].属性 document.forms[索引].elements[索引].方法（参数） document.forms[索引].属性 document.forms[表单名称].属性 document.表单名称.元素名称.属性 document.表单名称.元素名称.方法（参数） 通用属性 disabled 是否禁用 readonly 元素名称.form 所引用表单对象 name value 通用方法 focus(); blur(); input 元素 文本域 input type=text name=mytxt / 密码框 input type=password name=mypwd / 方法 focus( ) select( ) 选中文本内容，突出显示输入区域 属性 readonly 选中文本框：input type=text name=txt2 onfocus=this.select();/ 按钮 三种形式： input type=submit value=提交 onclick=return validate();/ input type=button value=提交 onclick= validate();/ input type=reset value=重置/ 复选框 checkbox 编程 input type=checkbox name=myLike value=编程/ 吃饭 input type=checkbox name=myLike value=吃饭/ 睡觉 input type=checkbox name=myLike value=睡觉/ 单选按钮 radio 男 input type=radio name=sex checked=checked value=男/ 女 input type=radio name=sex value=女/ checkbox radio 属性: checked 是否被选中 name 相同为一组 value区分但不显示 获取checkbox 和radio选中的值: 这两个元素都返回的是数组对象 var sex=document.userForm.sex; for(var i=0;isex.length;i++){ if(sex[i].checked){ alert(你是+sex[i].value+生); } } var likes=document.userForm.myLike; var str=; for(var i=0;ilikes.length;i++){ str+=likes[i].value+\n } alert(你的爱好：+str); 列表框 select /* length select元素中option元素的个数 value 多选列表需要遍历得到value selectedIndex 当前选中选项的索引号 multiple 可以多选 options