参考资料

  1. HTML DOM 属性
  2. HTML DOM 返回image的name
  3. HTML DOM 返回和设置链接的href属性实例
  4. HTML DOM为表格创建一个标题
  5. HTML DOM 创建一个链接指向一个低分辨率的image
  6. HTML DOM 返回一个表单中所有元素的value 实例
  7. HTML DOM write() 和 writeln()的不同实例
  8. HTML DOM禁用和启用下拉列表

HTML DOM 返回文档中第一个表单的名字

HTML DOM 返回文档中第一个表单的名字

简介

document.forms[0].name 是HTML DOM中的一个属性，用于获取文档中第一个表单(form)元素的名称(name属性值)。

标签

相关HTML标签：

<form name="formName">
  <!-- 表单内容 -->
</form>

用法

var firstName = document.forms[0].name;

实例

<!DOCTYPE html>
<html>
<head>
  <title>表单名称示例</title>
</head>
<body>
  <form name="loginForm">
    <input type="text" name="username">
    <input type="submit" value="登录">
  </form>
  
  <script>
    // 获取第一个表单的名称
    var formName = document.forms[0].name;
    console.log("第一个表单的名称是: " + formName); // 输出: 第一个表单的名称是: loginForm
  </script>
</body>
</html>

功能

  • 返回文档中第一个表单元素的name属性值

  • 如果表单没有设置name属性，则返回空字符串

  • 可以用于表单验证或表单操作前的检查

CSS扩展

虽然CSS不能直接获取表单名称，但可以根据表单名称设置样式：

form[name="loginForm"] {
  background-color: #f0f0f0;
  padding: 20px;
  border-radius: 5px;
}

或者通过JavaScript根据表单名称添加CSS类：

if(document.forms[0].name === "loginForm") {
  document.forms[0].classList.add("special-form");
}
TAG：表单属性名称文档元素标签名字用法实例功能