HTML | DOM 对象表单属性

简介

在HTML中，表单是用来收集用户输入的一种方式。DOM（文档对象模型）提供了一组属性和方法来访问和操作HTML表单元素。这些属性允许程序员通过JavaScript进行表单验证、动态更改表单值、获取表单数据等操作。

对象属性

form.action

• 描述：获取或设置表单的提交地址（URL）
• 示例：

  var form = document.getElementById("myForm");
  var action = form.action; // 获取表单的提交地址
  form.action = "https://example.com"; // 设置表单的提交地址为https://example.com
  

form.elements

• 描述：返回一个包含表单所有元素的集合（HTMLFormControlsCollection）
• 示例：

  var form = document.getElementById("myForm");
  var elements = form.elements; // 返回表单的所有元素
  

form.length

• 描述：返回表单中元素的数量
• 示例：

  var form = document.getElementById("myForm");
  var length = form.length; // 返回表单中元素的数量
  

form.method

• 描述：获取或设置表单的提交方法（GET或POST）
• 示例：

  var form = document.getElementById("myForm");
  var method = form.method; // 获取表单的提交方法
  form.method = "POST"; // 设置表单的提交方法为POST
  

form.name

• 描述：获取或设置表单的名称
• 示例：

  var form = document.getElementById("myForm");
  var name = form.name; // 获取表单的名称
  form.name = "myForm"; // 设置表单的名称为myForm
  

form.reset()

• 描述：重置表单中的所有元素为默认值
• 示例：

  var form = document.getElementById("myForm");
  form.reset(); // 重置表单中的所有元素为默认值
  

form.submit()

• 描述：提交表单
• 示例：

  var form = document.getElementById("myForm");
  form.submit(); // 提交表单
  

总结

HTML | DOM对象表单属性提供了许多有助于操作和控制表单的属性和方法。通过这些属性和方法，程序员可以方便地获取表单的各种信息、修改表单的属性、重置表单以及提交表单等操作。这使得程序员能够使用JavaScript与用户的交互更加高效和灵活。