一、设置utf-8编码
在使用document.forms进行表单提交时，我们经常需要将表单中的内容使用utf-8编码进行处理。这时候我们可以通过以下代码来实现：
这段代码需要放在HTML文件的头部，可指定页面的编码格式为utf-8，这样在进行表单提交时才能保证中文等非ascii字符不会乱码。
二、使用document.forms.serialize序列化表单
我们可以使用document.forms.serialize来自动将表单中的数据序列化为一个字符串以便于通过http协议进行传输。下面是一个示例：
var formData = document.forms[0].serialize();
以上代码将第一个表单中的全部字段序列化，并将结果保存在formData变量中。
三、使用document.forms.item方法获取表单
document.forms.item()方法可以帮助我们通过索引值获取到指定的表单，如以下代码所示：
var form = document.forms.item(0);
以上代码将获取到页面中的第一个表单。
四、document.forms 表单
通过document.forms可以获取到页面中的全部form表单，但是该方法返回的是一个表单元素的集合（HTMLCollection对象）。
下面是一个示例代码：
var forms = document.forms;
for(var i=0; i<forms.length; i++){
console.log(forms[i]);
}
以上代码可以依次打印出页面中所有form表单的内容，方便我们进行调试。
五、document.forms.elements
document.forms.elements可以访问表单中的所有表单元素（input、textarea、select等），它返回的也是一个表单元素的集合（HTMLCollection对象）。
下面是一个示例代码：
var form = document.forms[0];
var elements = form.elements;
for(var i=0; i<elements.length; i++){
console.log(elements[i]);
}
以上代码可以依次打印出页面中第一个表单中所有表单元素的内容，方便我们进行调试。
六、document.forms.action
document.forms.action可以获取或设置form表单的action属性，该属性表示表单提交的目标地址。
下面是一个示例代码：
var form = document.forms[0]; console.log(form.action); form.action = "http://www.example.com/submit";
以上代码可以依次打印出第一个表单的action属性值，并将该属性值修改为”http://www.example.com/submit”。
七、document.forms.signForm选取
在页面中我们可能需要根据id或者name等属性选取到指定的表单，其中document.forms.signForm选取方法可以根据表单的name属性来获取表单元素。
下面是一个示例代码：
var form = document.forms.signForm; console.log(form);
以上代码将获取到页面中name为signForm的表单元素，并打印出该表单的内容。
总结
本文对document.forms进行了详细的讲解，包括如何设置utf-8编码、使用document.forms.serialize序列化表单、使用document.forms.item方法获取表单、document.forms 表单、document.forms.elements、document.forms.action、document.forms.signForm选取等内容，希望可以对大家在实际开发时使用document.forms有所帮助。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/247591.html
微信扫一扫 
支付宝扫一扫 