四时宝库

访问表单中的元素

每个表单中的元素,无论是文本框、单选按钮、下拉列表框或者其他的内容，都包含在form的elements集合中。

可以利用元素在集合中的位置或者元素的name属性来获得该元素的引用；

var oForm = document.forms["myform1"]; // 获取表单
var oTextName = oForm.elements[0]; // 获取第一个元素
var oTextPasswd = oForm.elements["passwd"]; // 获取name属性为passwd
var oTextComments = oForm.elements.comments; //获取name属性为comments的元素

访问表单中元素方法的汇总:

<form name="MyForm" id="MyForm">
<input type="text" name="MyTextA" id="MyTextA" value="Default Value A!"/>
<input type="text" name="MyTextB" id="MyTextB" value="Default Value B!"/>
</form>

var MyValue = document.MyForm.MyTextB.value; //最佳的方法
var MyValue = document.MyForm.elements[1].value;
var MyValue = document.forms["MyForm"].MyTextB.value;
var MyValue = document.forms["MyForm"].elements[1].value;
var MyValue = document.forms["index"].MyTextB.value;
var MyValue = document.forms["index"].elements[1].value;
var MyValue = document.getElementById("MyTextB").value; //最佳的方法,符合W3C标准
var MyValue = document.all.MyTextB.value; //经过测试等同于document.all.MyForm.MyTextB.value

表单是否加入<div></div>标签,都不影响上面的访问的方式

"MyForm"指的是表单name的值

form表单对象的属性和方法

action 表单所要提交到的URL地址

elements 数组,表单中所有表单域的集合

enctype 表单向服务器发送数据时,数据应该使用的编码方法,默认为application/x-www-form-urlencoded,

如果要上传文件,则应该使用multipart/form-data

length 表单域的数量

method 浏览器发送GET请求或者POST请求

name 表单的名称,即<form>标记中的name属性

submit() 提交表单到指定的页面,相当于单击submit按钮

reset() 重置表单中的各项到初始值,相当于单击reset按钮